/* Aurum theme tokens (BRIEF.md 3.2, 3.3). Dark and light are a variable swap.
   Feature bands (.band: Ethos, The Journey) take the opposite theme;
   .unband inside a band flips back (e.g. the Ethos stat card). */
:root{
  --serif:'Playfair Display','Playfair Fallback',Georgia,serif;
  --sans:'Open Sans','Open Sans Fallback',system-ui,-apple-system,sans-serif;
  --ease:cubic-bezier(.22,.61,.36,1);
  --navy-900:#060d1a;--navy-800:#0a1428;--navy-700:#0e1c38;--navy-600:#132445;--navy-500:#1b3157;
  --gold-soft:#d9bd7f;
}

/* ---- dark token set ---- */
:root,[data-theme="dark"],
[data-theme="light"] .band,
[data-theme="dark"] .band .unband,
.always-dark{
  --bg:var(--navy-800);
  --bg-band:linear-gradient(160deg,var(--navy-700),var(--navy-900));
  --strip-bg:var(--navy-900);--strip-line:rgba(201,162,75,.16);
  --surface:linear-gradient(160deg,var(--navy-700),var(--navy-900));
  --gold:#c9a24b;--gold-bright:#e3c675;--gold-rich:#c9a24b;--gold-display:#e3c675;--gold-ink:var(--gold-display);
  --cream:#f6f1e7;--cream-dim:#e9e0cf;--muted:#9fb0c6;--blue-mist:#8fa7c4;
  --ink:#0a1428;
  --line:rgba(201,162,75,.28);--rule:rgba(201,162,75,.16);
  --shadow:0 30px 80px -30px rgba(0,0,0,.65);
  --nav-bg:rgba(8,16,34,.72);--nav-bg-scrolled:rgba(6,13,26,.94);--nav-border:rgba(201,162,75,.18);
  --menu-bg:var(--navy-900);
  --btn-gold:linear-gradient(135deg,#e3c675,#c9a24b);
  --team-bg:linear-gradient(180deg,var(--navy-800),var(--navy-900));
  --reviews-bg:var(--navy-900);
  --field-bg:rgba(255,255,255,.04);
  /* Freeform sections (see .ff in base.css). Each base starts and ends on its neighbours' exact colours;
     the pools sit on a layer that fades out before the section edges, so no seam can show. */
  --svc-base:linear-gradient(180deg,#0e1c38 0%,#0c1932 50%,var(--navy-800) 100%);
  --values-base:linear-gradient(180deg,var(--navy-900),var(--navy-800));
  --faq-base:linear-gradient(180deg,var(--navy-900),var(--navy-800));
  --cta-base:linear-gradient(180deg,var(--navy-800),var(--navy-900));
  --svc-pools:radial-gradient(max(75vw,487px) 700px at 12% 14%,rgba(27,49,87,0.6) 0%,rgba(27,49,87,0.51) 18%,rgba(27,49,87,0.36) 38%,rgba(27,49,87,0.198) 58%,rgba(27,49,87,0.078) 76%,rgba(27,49,87,0.018) 90%,rgba(27,49,87,0) 100%),
    radial-gradient(max(65vw,422px) 640px at 90% 46%,rgba(24,43,80,0.55) 0%,rgba(24,43,80,0.468) 18%,rgba(24,43,80,0.33) 38%,rgba(24,43,80,0.182) 58%,rgba(24,43,80,0.072) 76%,rgba(24,43,80,0.017) 90%,rgba(24,43,80,0) 100%),
    radial-gradient(max(70vw,455px) 600px at 18% 80%,rgba(27,49,87,0.42) 0%,rgba(27,49,87,0.357) 18%,rgba(27,49,87,0.252) 38%,rgba(27,49,87,0.139) 58%,rgba(27,49,87,0.055) 76%,rgba(27,49,87,0.013) 90%,rgba(27,49,87,0) 100%);
  --values-pools:radial-gradient(max(55vw,357px) 520px at 86% 40%,rgba(27,49,87,0.55) 0%,rgba(27,49,87,0.468) 18%,rgba(27,49,87,0.33) 38%,rgba(27,49,87,0.182) 58%,rgba(27,49,87,0.072) 76%,rgba(27,49,87,0.017) 90%,rgba(27,49,87,0) 100%),
    radial-gradient(max(50vw,325px) 460px at 10% 85%,rgba(24,43,80,0.45) 0%,rgba(24,43,80,0.383) 18%,rgba(24,43,80,0.27) 38%,rgba(24,43,80,0.149) 58%,rgba(24,43,80,0.059) 76%,rgba(24,43,80,0.013) 90%,rgba(24,43,80,0) 100%);
  --faq-pools:radial-gradient(max(65vw,422px) 560px at 50% 45%,rgba(27,49,87,0.5) 0%,rgba(27,49,87,0.425) 18%,rgba(27,49,87,0.3) 38%,rgba(27,49,87,0.165) 58%,rgba(27,49,87,0.065) 76%,rgba(27,49,87,0.015) 90%,rgba(27,49,87,0) 100%),
    radial-gradient(max(40vw,260px) 420px at 92% 80%,rgba(24,43,80,0.4) 0%,rgba(24,43,80,0.34) 18%,rgba(24,43,80,0.24) 38%,rgba(24,43,80,0.132) 58%,rgba(24,43,80,0.052) 76%,rgba(24,43,80,0.012) 90%,rgba(24,43,80,0) 100%);
  --cta-pools:radial-gradient(max(55vw,357px) 600px at 78% 45%,rgba(27,49,87,0.45) 0%,rgba(27,49,87,0.383) 18%,rgba(27,49,87,0.27) 38%,rgba(27,49,87,0.149) 58%,rgba(27,49,87,0.059) 76%,rgba(27,49,87,0.013) 90%,rgba(27,49,87,0) 100%),
    radial-gradient(max(45vw,292px) 500px at 8% 70%,rgba(24,43,80,0.35) 0%,rgba(24,43,80,0.297) 18%,rgba(24,43,80,0.21) 38%,rgba(24,43,80,0.115) 58%,rgba(24,43,80,0.045) 76%,rgba(24,43,80,0.01) 90%,rgba(24,43,80,0) 100%);
  --band-solid:#0b1730; /* solid stand-in for the navy band, for small fills like timeline nodes */
  --card-bg:linear-gradient(160deg,#2c3e61 0%,#17284b 100%); /* the card blue Laurie chose */
  --card-border:rgba(201,162,75,.3);
  --tile-bg:linear-gradient(165deg,rgba(27,49,87,.55),rgba(10,20,40,.65));
  --overlay:rgba(3,7,15,.74);--on-gold:var(--navy-900);
  --hero-tint:10,20,40;
  color:var(--cream);
}

/* ---- light token set ---- */
[data-theme="light"],
[data-theme="dark"] .band,
[data-theme="light"] .band .unband{
  /* warm ivory page, cream cards (warmed 7 Oct 2026: the original #fffdf9 read too white) */
  --paper-rgb:244,236,223;               /* #f4ecdf */
  --paper-card:#faf4ea;--paper-alt:#eee2cd;--paper-deep:#e9dcc4;
  --bg:rgb(var(--paper-rgb));--paper:var(--bg);
  --bg-band:#f6f1e7;
  --strip-bg:var(--paper-card);--strip-line:rgba(17,31,58,.12);
  --surface:var(--paper-card);
  --gold:#785a1b;--gold-ink:#785a1b;   /* small gold text: 4.6:1 even on the deepest sand */--gold-bright:#c9a24b;--gold-rich:#b98f38;
  --gold-display:#94702a;                 /* text gold on ivory: 3.9:1 (was #b98f38 at 2.5:1). #b98f38 stays for icons, lines and buttons */
  --cream:#111f3a;--cream-dim:#39445d;--muted:#586178;--blue-mist:#5f6a80;    /* small labels and placeholders: 4.6:1 on ivory (was 3.1:1) */
  
  --ink:#111f3a;
  --line:rgba(17,31,58,.12);--rule:rgba(17,31,58,.10);
  --shadow:0 28px 64px -34px rgba(20,30,60,.30);
  --nav-bg:rgba(var(--paper-rgb),.72);--nav-bg-scrolled:rgba(var(--paper-rgb),.94);--nav-border:rgba(17,31,58,.12);
  --menu-bg:var(--bg);
  --btn-gold:linear-gradient(135deg,#d9bd7f,#b98f38);
  --team-bg:linear-gradient(180deg,var(--bg),var(--paper-alt));
  --reviews-bg:var(--bg);
  --field-bg:#fffdf9;
  /* Freeform sections: same structure as dark, in warm sand */
  --svc-base:linear-gradient(180deg,#f6efe3 0%,#eee2cc 34%,#e9d9bd 60%,#efe4d2 82%,var(--bg) 100%);
  --values-base:linear-gradient(180deg,var(--paper-alt),var(--bg));
  --faq-base:linear-gradient(180deg,var(--bg),#f0e5d2);    /* ends a shade lighter than paper-alt so answer text holds 4.5:1 */
  --cta-base:linear-gradient(180deg,#f0e5d2,var(--bg));    /* starts where Good to Know ends */
  --svc-pools:radial-gradient(max(60vw,390px) 560px at 72% 30%,rgba(255,251,244,0.55) 0%,rgba(255,251,244,0.468) 18%,rgba(255,251,244,0.33) 38%,rgba(255,251,244,0.182) 58%,rgba(255,251,244,0.072) 76%,rgba(255,251,244,0.017) 90%,rgba(255,251,244,0) 100%),
    radial-gradient(max(75vw,487px) 700px at 10% 24%,rgba(214,188,140,0.42) 0%,rgba(214,188,140,0.357) 18%,rgba(214,188,140,0.252) 38%,rgba(214,188,140,0.139) 58%,rgba(214,188,140,0.055) 76%,rgba(214,188,140,0.013) 90%,rgba(214,188,140,0) 100%),
    radial-gradient(max(65vw,422px) 640px at 92% 52%,rgba(224,203,168,0.55) 0%,rgba(224,203,168,0.468) 18%,rgba(224,203,168,0.33) 38%,rgba(224,203,168,0.182) 58%,rgba(224,203,168,0.072) 76%,rgba(224,203,168,0.017) 90%,rgba(224,203,168,0) 100%),
    radial-gradient(max(70vw,455px) 600px at 20% 82%,rgba(214,188,140,0.34) 0%,rgba(214,188,140,0.289) 18%,rgba(214,188,140,0.204) 38%,rgba(214,188,140,0.112) 58%,rgba(214,188,140,0.044) 76%,rgba(214,188,140,0.01) 90%,rgba(214,188,140,0) 100%);
  --values-pools:radial-gradient(max(55vw,357px) 520px at 86% 40%,rgba(214,188,140,0.4) 0%,rgba(214,188,140,0.34) 18%,rgba(214,188,140,0.24) 38%,rgba(214,188,140,0.132) 58%,rgba(214,188,140,0.052) 76%,rgba(214,188,140,0.012) 90%,rgba(214,188,140,0) 100%),
    radial-gradient(max(50vw,325px) 460px at 10% 85%,rgba(224,203,168,0.45) 0%,rgba(224,203,168,0.383) 18%,rgba(224,203,168,0.27) 38%,rgba(224,203,168,0.149) 58%,rgba(224,203,168,0.059) 76%,rgba(224,203,168,0.013) 90%,rgba(224,203,168,0) 100%);
  /* Good to Know: sand kept to the sides so the question column stays ivory and the gold text reads clearly */
  --faq-pools:radial-gradient(max(34vw,221px) 620px at 2% 38%,rgba(214,188,140,0.3) 0%,rgba(214,188,140,0.255) 18%,rgba(214,188,140,0.18) 38%,rgba(214,188,140,0.099) 58%,rgba(214,188,140,0.039) 76%,rgba(214,188,140,0.009) 90%,rgba(214,188,140,0) 100%),
    radial-gradient(max(32vw,208px) 560px at 98% 72%,rgba(224,203,168,0.36) 0%,rgba(224,203,168,0.306) 18%,rgba(224,203,168,0.216) 38%,rgba(224,203,168,0.119) 58%,rgba(224,203,168,0.047) 76%,rgba(224,203,168,0.011) 90%,rgba(224,203,168,0) 100%);
  --cta-pools:radial-gradient(max(55vw,357px) 600px at 78% 45%,rgba(214,188,140,0.32) 0%,rgba(214,188,140,0.272) 18%,rgba(214,188,140,0.192) 38%,rgba(214,188,140,0.106) 58%,rgba(214,188,140,0.042) 76%,rgba(214,188,140,0.01) 90%,rgba(214,188,140,0) 100%),
    radial-gradient(max(45vw,292px) 500px at 8% 70%,rgba(255,251,244,0.6) 0%,rgba(255,251,244,0.51) 18%,rgba(255,251,244,0.36) 38%,rgba(255,251,244,0.198) 58%,rgba(255,251,244,0.078) 76%,rgba(255,251,244,0.018) 90%,rgba(255,251,244,0) 100%);
  --band-solid:#f6f1e7;
  --card-bg:linear-gradient(160deg,rgba(255,252,246,.94),rgba(255,250,242,.8));--card-border:rgba(17,31,58,.12);
  --tile-bg:var(--bg);
  --overlay:rgba(30,26,18,.5);--on-gold:var(--paper-card);
  --hero-tint:var(--paper-rgb);
  --img-warm:.26;                        /* sepia on the hero photo so its grey backdrop matches the ivory */
  color:var(--cream);
}