/* Hallmark · custom theme: BILT 2 Travel
 * vibe: "refined, warm, innovative, trustworthy travel-rewards"
 * paper: oklch(99% 0.004 290) light · accent: oklch(52% 0.24 274) indigo-purple (cool)
 * display: Space Grotesk · body: Plus Jakarta Sans
 * axes: light paper / geometric-sans display / cool accent
 */
:root {
  /* Brand core (his real palette) */
  --brand:            #4A36EB;   /* indigo-purple, the signature */
  --brand-600:        #3E2CD1;
  --brand-700:        #3120AD;
  --brand-050:        #EFEBFF;   /* soft lavender wash */
  --brand-ink:        #17123A;   /* purple-black text */

  /* Warm accent (from the e-book's gold/orange motif) */
  --accent:           #FF8A3D;   /* warm amber */
  --accent-soft:      #FFB877;
  --gold:             #E8B84B;

  /* Neutrals */
  --paper:            #FFFFFF;
  --paper-2:          #F7F6FD;   /* off-white, faint purple tint */
  --paper-3:          #EFEEF8;
  --ink:              #17123A;
  --ink-2:            #4B4770;   /* muted body */
  --ink-3:            #6A6883;   /* captions (was #7C7A99, darkened 2026-09-26 to pass WCAG AA 4.5:1) */
  --line:             #E4E1F2;   /* hairlines */
  --white:            #FFFFFF;

  /* Destination mood defaults (overridden per page via [data-dest]) */
  --mood:             var(--brand);      /* destination accent */
  --mood-soft:        var(--brand-050);
  --mood-text:        var(--brand);      /* readable text version of --mood (AA 4.5:1 on white and --mood-soft) */
  --mood-scrim:       rgba(74, 54, 235, 0.42);
  --mood-bright:      100%;
  --mood-sat:         100%;

  /* Typography */
  --font-display: "Space Grotesk", "Segoe UI", system-ui, sans-serif;
  --font-body:    "Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif;

  --text-xs:   0.78rem;
  --text-sm:   0.9rem;
  --text-base: 1.05rem;
  --text-lg:   1.2rem;
  --text-xl:   1.5rem;
  --text-2xl:  2rem;
  --text-3xl:  2.7rem;
  --text-4xl:  3.5rem;
  --text-display-s: 4.2rem;
  --text-display:   5.2rem;

  /* Spacing (4pt scale) */
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-24: 6rem;
  --space-32: 8rem;

  /* Radii */
  --radius-sm: 8px;
  --radius:    16px;
  --radius-lg: 26px;
  --radius-xl: 34px;
  --radius-pill: 999px;

  /* Elevation */
  --shadow-sm: 0 2px 10px rgba(23, 18, 58, 0.06);
  --shadow:    0 14px 40px rgba(23, 18, 58, 0.10);
  --shadow-brand: 0 18px 50px rgba(74, 54, 235, 0.28);

  /* Motion */
  --ease-out:    cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in:     cubic-bezier(0.55, 0, 1, 0.45);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 160ms;
  --dur:      300ms;
  --dur-slow: 620ms;

  --maxw: 1180px;
}

/* Destination moods — accent + scrim shift, purple stays the brand */
[data-dest="jamaica"] { --mood:#12A65B; --mood-soft:#E4F7EC; --mood-scrim:rgba(9,120,70,0.40);  --mood-bright:110%; --mood-sat:118%; --mood-text:#0D7E45; }
[data-dest="cancun"]  { --mood:#00B3C7; --mood-soft:#E1F8FB; --mood-scrim:rgba(0,150,175,0.38);  --mood-bright:106%; --mood-sat:112%; --mood-text:#007987; }
[data-dest="playa"]   { --mood:#F2A03D; --mood-soft:#FDF1E1; --mood-scrim:rgba(200,120,30,0.40); --mood-bright:108%; --mood-sat:116%; --mood-text:#936125; }
[data-dest="maui"]    { --mood:#FF6B4A; --mood-soft:#FFE9E2; --mood-scrim:rgba(210,70,45,0.42);  --mood-bright:104%; --mood-sat:114%; --mood-text:#AF4933; }
[data-dest="alps"]    { --mood:#5B8FC7; --mood-soft:#EAF1FA; --mood-scrim:rgba(70,110,165,0.38); --mood-bright:98%;  --mood-sat:88%; --mood-text:#466F9B;  }