/* Generated by `npm run site:build` from src/theme/tokens.ts. Do not edit. */
:root {
  color-scheme: light dark;
  --depth: 4px;
  --radius-card: 22px;
  --cat-ink: #3d4a46;
  --background: #f3fbf6;
  --background-dot: #cdeadb;
  --cook-background: #f1ecff;
  --cook-dot: #d9cfff;
  --surface: #ffffff;
  --border: #d3eadb;
  --cook-border: #e6dfff;
  --cook-shadow: #d9d0ff;
  --cook-track: #dcd3ff;
  --scrim: rgba(61,74,70,0.3);
  --hero-fade: rgba(0,0,0,0.55);
  --ink: #3d4a46;
  --ink-muted: #5c7067;
  --accent: #7a60d4;
  --accent-shadow: #5e48b8;
  --accent-soft: #e6dfff;
  --accent-strong: #6c54c8;
  --on-accent: #ffffff;
  --mint-fill: #2a7354;
  --mint-fill-shadow: #1d5640;
  --on-mint-fill: #ffffff;
  --mint: #d3f3e3;
  --mint-ink: #2a7354;
  --butter: #fff1b8;
  --butter-strong: #efd774;
  --butter-ink: #7a6826;
  --peach: #ffdcc8;
  --sky: #d6ecff;
  --sky-ink: #2b6896;
  --health-green: #8fd9b5;
  --health-amber: #f7c948;
  --health-red: #f6a6aa;
  --on-health: #3d4a46;
}

@media (prefers-color-scheme: dark) {
  :root {
    --background: #101a16;
    --background-dot: #1d2c25;
    --cook-background: #17142a;
    --cook-dot: #28234a;
    --surface: #18251f;
    --border: #2b3f36;
    --cook-border: #3a3361;
    --cook-shadow: #2a2548;
    --cook-track: #332d58;
    --scrim: rgba(0,0,0,0.6);
    --hero-fade: rgba(0,0,0,0.55);
    --ink: #e8f2ed;
    --ink-muted: #9bb2a8;
    --accent: #a994ec;
    --accent-shadow: #7a64cc;
    --accent-soft: #3a3164;
    --accent-strong: #b9a9f3;
    --on-accent: #1d1536;
    --mint-fill: #4cb88e;
    --mint-fill-shadow: #2f8f6c;
    --on-mint-fill: #0c2219;
    --mint: #1f4a3a;
    --mint-ink: #8fe0bd;
    --butter: #4b4220;
    --butter-strong: #7b6b2b;
    --butter-ink: #f1dd8c;
    --peach: #5a3b2b;
    --sky: #1f3d57;
    --sky-ink: #a9d4f5;
    --health-green: #4cb88e;
    --health-amber: #e0b84a;
    --health-red: #e88a94;
    --on-health: #0c2219;
  }
}