/* ============================================================================
   Homeboss Theme — DESIGN TOKENS
   ----------------------------------------------------------------------------
   ONE theme with a swappable token set (NOT three themes). Semantic roles only,
   so a palette change is a token change and nothing downstream moves.
   Palette 1 (Homeboss) is what Jerry's site ships with. Palettes 2 and 3 come
   later — override this :root block, touch nothing else.

   #b1d4e0 is intentionally EXCLUDED from every palette: it fails contrast on
   white (~1.5:1 against the 4.5:1 minimum). Soft callouts use --surface-tint
   (derived from --action) instead. Surfaces alternate --surface-base and
   --surface-alt band-to-band for section separation, not borders.

   Every colour pair below clears WCAG AA — see docs/THEME_BUILD_SPEC.md §1/§8
   and the contrast table recorded with this commit.
   ============================================================================ */

:root {
  /* --- Palette 1 — Homeboss ------------------------------------------------ */
  --surface-base:  #ffffff;   /* primary band                                */
  --surface-alt:   #f1f1f1;   /* alternating band                            */
  --surface-tint:  #eef2f6;   /* soft callout / review card, from --action   */
  --text-body:     #111111;   /* body copy                                   */
  --text-heading:  #1E3653;   /* headings                                    */
  --action:        #345e7d;   /* links, primary buttons, eyebrow             */
  --action-hover:  #033B4F;   /* link / button hover                         */
  --footer-bg:     #1E3653;   /* footer background                           */
  --footer-text:   #f1f1f1;   /* footer text + footer links                  */

  /* --- Type families ------------------------------------------------------- */
  --font-heading: 'Outfit', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-body:    'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* --- Type scale (desktop) — THEME_BUILD_SPEC.md §2 ----------------------- */
  --fs-h1:       44px;   /* Display / H1 — Outfit 600                         */
  --fs-h2:       32px;   /* H2          — Outfit 600                         */
  --fs-h3:       24px;   /* H3          — Outfit 500                         */
  --fs-eyebrow:  13px;   /* Eyebrow     — Outfit 600, uppercase, tracked     */
  --fs-body:     17px;   /* Body        — Inter 400, line-height 1.65        */
  --fs-small:    14px;   /* Small / caption / compliance — 14px minimum      */

  /* --- Weights ------------------------------------------------------------- */
  --fw-heading:  600;
  --fw-h3:       500;
  --fw-eyebrow:  600;
  --fw-body:     400;

  /* --- Rhythm + measure ---------------------------------------------------- */
  --lh-heading:       1.2;
  --lh-body:          1.65;
  --tracking-eyebrow: 0.12em;
  --measure:          70ch;   /* body measure cap ~70 characters             */
}

/* --- Type scale (mobile) — THEME_BUILD_SPEC.md §2 ------------------------- */
@media (max-width: 640px) {
  :root {
    --fs-h1:   32px;
    --fs-h2:   26px;
    --fs-h3:   20px;
    --fs-body: 16px;
  }
}