/* ==========================================================
   BRAND TOKENS — the one file to edit for colors and type.
   Source of truth: /workspace/intheveryhour/brand/brand.md. Fonts: Cormorant Garamond (display, OFL) +
   Source Sans 3 (body, OFL), self-hosted in /assets/fonts.
   ========================================================== */
:root{
  /* Core palette — In the Very Hour brand v1 (brand/brand.md, chosen Nov 1 2026)
     Midnight Navy #1B2A41 · Dawn Gold #D9A441 · Refiner's Ember #B9782F
     Warm Ivory #F7F1E5 · Refined Silver #A7AFBA · Dusk Slate #5B6475
     Tints/shades below are derived from those six for UI states. */
  --navy-900:#1B2A41;   /* Midnight Navy */
  --navy-800:#22354f;
  --navy-700:#2c4262;
  --navy-600:#3a5378;
  --gold-500:#D9A441;   /* Dawn Gold: sun, accents (not small text on ivory) */
  --gold-400:#e2b75f;
  --gold-300:#ecd09a;
  --ember-500:#B9782F;  /* Refiner's Ember: buttons, large gold text */
  --gold-700:#8a561c;   /* darker ember for small text on ivory (WCAG AA) */
  --ivory-50:#F7F1E5;   /* Warm Ivory */
  --ivory-100:#efe6d3;
  --ivory-200:#e3d6bb;
  --silver-400:#A7AFBA; /* Refined Silver */
  --ink-900:#1B2A41;    /* body text = Midnight Navy */
  --ink-600:#5B6475;    /* Dusk Slate */
  --rose-600:#a3473a;   /* gentle warning */
  --sage-600:#3f6b55;   /* gentle success */

  /* Semantic roles */
  --bg:var(--ivory-50);
  --bg-alt:var(--ivory-100);
  --surface:#fffdf8;
  --text:var(--ink-900);
  --text-muted:var(--ink-600);
  --heading:var(--navy-800);
  --accent:var(--gold-500);
  --accent-text:var(--gold-700);
  --link:var(--navy-600);
  --border:var(--ivory-200);
  --focus:#2a6fdb;

  /* Type */
  --font-display:'Cormorant Garamond', 'Iowan Old Style', 'Palatino Linotype', Georgia, serif;
  --font-body:'Source Sans 3', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --step--1:clamp(.88rem,.85rem + .15vw,.95rem);
  --step-0:clamp(1.03rem,1rem + .2vw,1.13rem);
  --step-1:clamp(1.25rem,1.15rem + .45vw,1.5rem);
  --step-2:clamp(1.6rem,1.4rem + .9vw,2.1rem);
  --step-3:clamp(2.1rem,1.7rem + 1.8vw,3.1rem);
  --step-4:clamp(2.6rem,2rem + 3vw,4.4rem);

  /* Shape */
  --radius:14px;
  --radius-sm:8px;
  --shadow:0 1px 2px rgba(15,27,51,.06),0 8px 24px rgba(15,27,51,.08);
  --max:72rem;
  --measure:40rem;

  /* Hero gradient (dawn over night) */
  --hero-grad:radial-gradient(120% 90% at 50% 105%, rgba(236,208,154,.55) 0%, rgba(217,164,65,.28) 28%, rgba(44,66,98,0) 60%),
              linear-gradient(180deg,var(--navy-900) 0%,var(--navy-800) 55%,var(--navy-700) 100%);
}