/* ===========================================================================
   MilkyTime — "Argile & Nuit" design tokens (single source for static pages)
   Mirrors app/globals.css :root. Keep the two in sync; this file is what the
   standalone marketing pages (story / feeding-story / naps-story) import so the
   palette never drifts from the app.
   Semantics matter as much as the hex:
     clay  = awake / day / morning / feeding-morning
     denim = sleep / nap / afternoon / bedtime (primary action)
     mauve = breastfeeding / evening
     sage  = bottle / hydration
     honey = records / milestones
   Neutrals are warm "milky", never cold gray.
   Type: Fredoka = display only, Hanken Grotesk = body.
   =========================================================================== */
:root{
  /* Neutrals (warm milky) */
  --background:#F6EEDF;
  --foreground:#26293D; --ink:#26293D;
  --card:#FFFDF8;
  --border:#E7DDCB;
  --muted:#F0E7D6;
  --muted-foreground:#6F6857; --muted-ink:#6F6857;

  /* Clay — awake / day / feeding-morning */
  --clay:#D8703F; --clay-fg:#A94E24; --clay-light:#F1B892; --clay-surface:#FBEEE0; --clay-border:#F0DCC2;
  /* Denim — sleep / nap / afternoon / bedtime */
  --denim:#3E5C8A; --denim-fg:#2A4266; --denim-light:#A9BAD6; --denim-surface:#E8EDF6; --denim-border:#D3DEEE;
  /* Mauve — breastfeeding / evening */
  --mauve:#C77D8E; --mauve-fg:#A9445C; --mauve-surface:#F5E1E5; --mauve-border:#EBCAD2;
  /* Sage — bottle / hydration */
  --sage:#6E9B84; --sage-fg:#3F7259; --sage-surface:#E4EFE9; --sage-border:#CFE4D8;
  /* Honey — records / milestones */
  --honey:#E0A32E; --honey-fg:#8A6410; --honey-surface:#FBEFCF;

  /* Type */
  --fr:'Fredoka','Hanken Grotesk',sans-serif;
  --hk:'Hanken Grotesk',system-ui,sans-serif;
}