/* ============================================================================
   RDH Strategic Advisors — Design Tokens
   The single source of design truth. Derived from the RDH Design System:
   navy anchor, selective teal, gold detail, warm off-white, editorial serif +
   humanist grotesque + mono for labels.
   ============================================================================ */

:root {
  /* ---- Color: anchors ---- */
  --navy:          #15315F;   /* primary brand — headings, primary text accents */
  --navy-deep:     #0E2244;   /* hero gradient mid */
  --navy-deepest:  #0B1F33;   /* hero start, deep fields, footer */

  /* ---- Color: action (teal) — the ONE action color ---- */
  --teal:          #3D8C7A;
  --teal-dark:     #2F6E60;   /* hover */
  --teal-tint:     #E9F2EF;   /* faint fill for the single accent moment */

  /* ---- Color: gold — detail accent only, never a fill or CTA ---- */
  --gold:          #B58B4A;
  --gold-tint:     #F6EFE3;

  /* ---- Color: neutrals (cool slate) ---- */
  --ink:           #2F3A46;   /* body text */
  --muted:         #6D7680;   /* secondary text */
  --faint:         #9AA4B0;   /* tertiary / on-navy secondary */
  --hairline:      #D9E0E6;   /* borders, dividers */
  --tint:          #EEF2F5;   /* section tint */
  --tint-soft:     #F6F8FA;

  /* ---- Color: surfaces ---- */
  --page:          #FAF8F4;   /* warm off-white page */
  --card:          #FFFFFF;   /* cards, forms — lift off the page */

  /* ---- Color: status (restrained) ---- */
  --amber:         #B26B00;   /* the one warning accent — low maturity */
  --amber-tint:    #FBF3E6;

  /* ---- Maturity band colors (used sparingly on results) ---- */
  --band-1:        #B26B00;   /* amber — Unseen */
  --band-2:        #C08A3E;   /* amber-gold — Basic */
  --band-3:        #6D7680;   /* slate — Structured */
  --band-4:        #3D8C7A;   /* teal — Managed */
  --band-5:        #15315F;   /* navy — Integrated */

  /* ---- Typography ---- */
  --serif:  "Source Serif 4", Georgia, "Times New Roman", serif;
  --sans:   "Hanken Grotesk", "Segoe UI", system-ui, -apple-system, sans-serif;
  --mono:   "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* type scale — 1.25 major third on 16px base */
  --t-xs:   0.75rem;   /* 12 — eyebrows, labels */
  --t-sm:   0.875rem;  /* 14 — small UI */
  --t-base: 1rem;      /* 16 — body */
  --t-md:   1.125rem;  /* 18 — lead */
  --t-lg:   1.375rem;  /* 22 */
  --t-xl:   1.75rem;   /* 28 — section H2 */
  --t-2xl:  2.25rem;   /* 36 */
  --t-3xl:  3rem;      /* 48 — hero / stat numerals */

  /* ---- Spacing: 4px base ---- */
  --s-1: 4px;   --s-2: 8px;   --s-3: 12px;  --s-4: 16px;
  --s-5: 20px;  --s-6: 24px;  --s-8: 32px;  --s-10: 40px;
  --s-12: 48px; --s-16: 64px; --s-20: 80px; --s-28: 112px;

  /* ---- Radius: near-square, editorial ---- */
  --r-sm: 4px;    /* buttons, inputs */
  --r-md: 6px;    /* cards */
  --r-lg: 10px;   /* large panels */

  /* ---- Elevation: soft, cool, navy-tinted, sparing ---- */
  --shadow-sm: 0 1px 2px rgba(14,34,68,.06);
  --shadow-md: 0 6px 22px rgba(14,34,68,.10);

  /* ---- Motion: calm, controlled ---- */
  --ease: cubic-bezier(.4, 0, .2, 1);
  --dur:  180ms;

  /* ---- Layout ---- */
  --content: 760px;   /* body column max for readability */
  --wide:    1080px;  /* wide container */
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur: 0ms; }
}