/* Milestone Renovate — design tokens (Light Forest × Ruby × Gold).
   Single source of truth: change colours, type and spacing here, nowhere else. */

@font-face{font-family:"Newsreader";font-style:normal;font-weight:200 800;font-display:swap;src:url(/assets/fonts/newsreader-latin-wght-normal.woff2) format("woff2")}
@font-face{font-family:"Newsreader";font-style:italic;font-weight:200 800;font-display:swap;src:url(/assets/fonts/newsreader-latin-wght-italic.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/inter-latin-wght-normal.woff2) format("woff2")}

:root{
  /* Brand palette */
  --color-forest:#17624B;
  --color-forest-hover:#1F6B54;
  --color-forest-deep:#073E2B;
  --color-ruby:#9B2144;
  --color-ruby-deep:#8B1838;
  --color-ruby-soft:#F9E9ED;
  --color-gold:#DDB45C;
  --color-gold-light:#EBC678;
  --color-gold-ink:#755713;
  --color-gold-pale:#F6E1AE;
  --color-cream:#F8F6F0;
  --color-sage:#E9F1EB;
  --color-paper:#FBF9F3;
  --color-ink:#202523;
  --color-white:#FFFFFF;

  /* Derived neutrals (contrast-checked against cream/paper/white) */
  --color-ink-soft:#4A5650;
  --color-line:#D7D8CE;
  --color-line-green:#C4D6CA;
  --color-field:#F7F6F0;
  --color-field-border:#8F9D92;

  /* Semantic feedback — deliberately distinct from ruby */
  --color-error:#B42318;
  --color-error-bg:#FDECEA;
  --color-success:#1E6B47;
  --color-notice-bg:#FFF6DD;
  --color-notice-line:#E3C878;
  --color-notice-ink:#4A3A0E;

  /* Typography */
  --font-display:"Newsreader",Georgia,"Times New Roman",serif;
  --font-body:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --text-hero:clamp(2.5rem,8vw,3.5rem);
  --text-hero-lg:clamp(3.5rem,6vw,5.5rem);
  --text-h2:clamp(2.1rem,4.2vw,3.75rem);
  --text-h3:clamp(1.5rem,2.4vw,2.2rem);
  --text-lead:clamp(1.3rem,1.9vw,1.75rem);

  /* Layout */
  --wrap:1360px;
  --gutter:clamp(18px,4vw,72px);
  --section-y:clamp(72px,9vw,136px);
  --radius:2px;

  /* Elevation */
  --shadow-soft:0 18px 60px rgba(7,62,43,.08);
  --shadow-lift:0 26px 70px rgba(7,62,43,.14);

  /* Motion */
  --ease-out:cubic-bezier(.16,1,.3,1);
  --dur-fast:180ms;
  --dur:320ms;
}