:root {
  --ah-font-body: "Poppins", var(--body-font-family), sans-serif;
  --ah-font-heading: "Poppins", var(--body-font-family), sans-serif;
  --ah-font-number: "Poppins", var(--body-font-family), sans-serif;

  --ah-gold-50: #FFFBEB;
  --ah-gold-100: #FFF4C8;
  --ah-gold-200: #FFE793;
  --ah-gold-300: #F8D45A;
  --ah-gold-400: #ECB938;
  --ah-gold-500: #D29E1F;
  --ah-gold-600: #A87815;
  --ah-gold-700: #7E5A0F;
  --ah-gold-deep: #5A3F08;

  --ah-graphite-50: #F2F3F5;
  --ah-graphite-100: #DDE0E4;
  --ah-graphite-200: #BCC1C9;
  --ah-graphite-300: #8B939F;
  --ah-graphite-500: #5A6371;
  --ah-graphite-600: #3F4855;
  --ah-graphite-700: #2D343F;
  --ah-graphite-800: #1E242D;
  --ah-graphite-900: #11161D;

  --ah-ivory-base: #FBF6EC;
  --ah-ivory-soft: #F4ECDA;
  --ah-ivory-warm: #FFF8DF;

  --ah-bg-page: var(--ah-ivory-base);
  --ah-bg-surface: #FFFCF4;
  --ah-bg-raised: #FFFFFF;
  --ah-bg-soft: #F1E9D6;
  --ah-bg-spotlight: var(--ah-ivory-warm);

  --ah-fg: var(--ah-graphite-900);
  --ah-fg-soft: var(--ah-graphite-600);
  --ah-fg-muted: var(--ah-graphite-500);

  --ah-border: rgba(40, 32, 16, 0.10);
  --ah-border-strong: rgba(40, 32, 16, 0.18);

  --ah-accent: var(--ah-gold-400);
  --ah-accent-strong: var(--ah-gold-600);
  --ah-accent-soft: var(--ah-gold-100);
  --ah-accent-soft-2: var(--ah-gold-200);

  --ah-success: #1E9E63;
  --ah-info: #3F6068;
  --ah-danger: #C8431E;
  --ah-warning: #C8861A;

  --ah-radius-sm: 10px;
  --ah-radius-md: 14px;
  --ah-radius-lg: 18px;
  --ah-radius-card: 20px;
  --ah-radius-hero: 26px;
  --ah-radius-pill: 999px;

  --ah-shadow-xs: 0 1px 2px rgba(17, 22, 29, 0.06);
  --ah-shadow-sm: 0 8px 18px rgba(17, 22, 29, 0.08);
  --ah-shadow-md: 0 14px 34px rgba(17, 22, 29, 0.12);
  --ah-shadow-lg: 0 24px 60px rgba(17, 22, 29, 0.16);
  --ah-shadow-gold: 0 12px 32px rgba(210, 158, 31, 0.22);

  --ah-ease-out: cubic-bezier(.22, 1, .36, 1);
  --ah-ease-snap: cubic-bezier(.34, 1.56, .64, 1);
  --ah-duration-fast: 130ms;
  --ah-duration-smooth: 240ms;
  --ah-duration-bounce: 360ms;

  --ah-control-height: 40px;
  --ah-icon-sm: 16px;
  --ah-icon-md: 20px;
  --ah-icon-lg: 24px;

  --ah-dot-grid: radial-gradient(rgba(63, 72, 85, .16) 1px, transparent 1px);
  --ah-opportunity-gradient: linear-gradient(135deg, var(--ah-accent-soft), var(--ah-bg-raised) 58%, var(--ah-bg-surface));
  --ah-graphite-gradient: linear-gradient(135deg, var(--ah-graphite-900), var(--ah-graphite-700));
}

.night-mode {
  --ah-bg-page: #15130F;
  --ah-bg-surface: #1D1A14;
  --ah-bg-raised: #242017;
  --ah-bg-soft: #2D271B;
  --ah-bg-spotlight: #332A16;

  --ah-fg: #F7F1E6;
  --ah-fg-soft: #DED4C3;
  --ah-fg-muted: #B9AD99;

  --ah-border: rgba(255, 244, 200, 0.12);
  --ah-border-strong: rgba(255, 244, 200, 0.22);

  --ah-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.22);
  --ah-shadow-sm: 0 8px 20px rgba(0, 0, 0, 0.28);
  --ah-shadow-md: 0 14px 34px rgba(0, 0, 0, 0.34);
  --ah-shadow-lg: 0 24px 60px rgba(0, 0, 0, 0.42);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --ah-duration-fast: 1ms;
    --ah-duration-smooth: 1ms;
    --ah-duration-bounce: 1ms;
  }
}