/* The Water Upgrade, option 2 ("Good Water Club") tokens: raw scales -> roles -> kit bridge.
   Hexes from the brand board; cherry deepened for buttons so white text clears 4.5:1 with margin. */
@font-face{font-family:"Nunito Sans";font-style:normal;font-weight:200 1000;font-stretch:75% 125%;font-display:swap;src:url("/assets/fonts/nunito-sans-latin-wght-normal.woff2") format("woff2")}
@font-face{font-family:"Rubik";font-style:normal;font-weight:300 900;font-display:swap;src:url("/assets/fonts/rubik-latin-wght-normal.woff2") format("woff2")}

/* Lilita One is used only by the stand-in wordmark until the real lockup arrives */
@font-face{font-family:"Lilita One";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/lilita-one-latin-400-normal.woff2") format("woff2")}

:root[data-theme]{
  /* 1. raw scales */
  --evergreen-950:#08362B; --evergreen-900:#0E4F3F; --evergreen-700:#1C6A56; --evergreen-100:#DCEBE5;
  --cherry-700:#A92B24; --cherry-600:#C2342C; --cherry-500:#D63B32; --cherry-100:#F8DCD7;
  --turq-500:#6BBEC7; --turq-300:#A9DADF; --turq-100:#E3F3F4;
  --butter-300:#F8E8C6; --butter-100:#FBF1DC; --paper-gwc:#FCF7EC;
  --tan-500:#D7B388; --tan-100:#F1E2C7;
  --mustard-gwc:#F0B53B;

  /* 2. roles */
  --color-primary:var(--evergreen-900); --color-primary-strong:var(--evergreen-950); --color-primary-soft:var(--evergreen-100);
  --color-accent:var(--cherry-600); --color-accent-hover:var(--cherry-700); --color-accent-ink:#FFFFFF;
  --color-secondary:var(--turq-500); --color-club:var(--cherry-500);
  --surface:var(--paper-gwc); --surface-2:var(--butter-300); --surface-raised:#FFFFFF; --surface-brand:var(--butter-300);
  --surface-water:var(--turq-100); --surface-warm:var(--tan-100);
  --ink:#123A30; --ink-muted:#4C5E57; --line:#E8DCC3; --line-strong:#B9A784; --success:#1C6A56; --error:#A92B24;
  --radius-sm:6px; --radius-md:12px; --radius-lg:16px; --radius-xl:22px;
  --ease:cubic-bezier(.2,.7,.2,1); --dur-1:150ms; --dur-2:220ms;

  /* 3. bridge: kit v0.1 palette names -> roles */
  --forest-950:var(--color-primary-strong); --forest-900:var(--color-primary); --forest-700:var(--evergreen-700);
  --cream-50:var(--surface); --cream-100:var(--surface-2); --paper:var(--surface-raised);
  --sunshine-400:var(--mustard-gwc); --sunshine-500:var(--mustard-gwc); --sunshine-100:var(--butter-100);
  --gold-700:var(--cherry-700);
  --sky-100:var(--turq-100); --sky-300:var(--turq-300); --sky-700:var(--evergreen-700);
  --sage-100:var(--butter-100); --sage-500:#8E8572; --sage-700:#5A5547;
  --shadow-card:none; --shadow-raised:0 24px 48px -12px rgba(8,54,43,.22);
}