/* GENERATED from packages/tokens/src/index.ts — run pnpm tokens:build. Direction A "Countertop", light and dark (docs/10-design-system.md). */
:root{
  --sans:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --r-sm:10px;
  --r-btn:14px;
  --r-md:20px;
  --r-lg:28px;
  --r-xl:40px;
  --r-pill:999px;
  --ease:cubic-bezier(.33,1,.4,1);
  --dur-fast:200ms;
  --dur-base:300ms;
  --dur-slow:600ms;
  --bg:#f5f3ee;
  --surface:#ffffff;
  --surface-2:#ece9e2;
  --line:rgba(28,26,23,.09);
  --line-2:rgba(28,26,23,.2);
  --ink:#1c1a17;
  --ink-2:#55504a;
  --ink-3:#6b655d;
  --accent:#bc431c;
  --accent-hover:#a93b18;
  --accent-text:#bc431c;
  --accent-soft:#f6e3d9;
  --accent-ink:#8a2f12;
  --on-accent:#ffffff;
  --herb:#47633a;
  --herb-text:#47633a;
  --herb-soft:#e3eadb;
  --on-herb:#f3f6ef;
  --inverse:#1c1a17;
  --on-inverse:#f4f1ea;
  --on-inverse-2:#c3bdb3;
  --accent-on-inverse:#f2a383;
  --plate:#ffffff;
  --on-plate:#1c1a17;
  --on-plate-2:#55504a;
  --glass:rgba(255,255,255,.88);
  --nav-bg:rgba(245,243,238,.84);
  --scrim:rgba(28,26,23,.45);
  --focus:#bc431c;
  --freeze:#cddbea;
  --freeze-soft:#dfe8f2;
  --shadow:0 1px 2px rgba(40,30,20,.05),0 8px 24px rgba(40,30,20,.07),0 24px 60px rgba(40,30,20,.06);
  --shadow-2:0 2px 6px rgba(40,30,20,.08),0 16px 40px rgba(40,30,20,.14);
  --shadow-plate:0 1px 2px rgba(40,30,20,.05),0 8px 24px rgba(40,30,20,.07),0 24px 60px rgba(40,30,20,.06);
  color-scheme:light;
}
:root[data-theme="dark"]{
  --bg:#141210;
  --surface:#1e1b18;
  --surface-2:#2a2622;
  --line:rgba(255,240,220,.10);
  --line-2:rgba(255,240,220,.22);
  --ink:#f2ede6;
  --ink-2:#cdc5ba;
  --ink-3:#a39a8e;
  --accent:#c6491f;
  --accent-hover:#b23f19;
  --accent-text:#f08f62;
  --accent-soft:#3b2219;
  --accent-ink:#f6b89b;
  --on-accent:#ffffff;
  --herb:#3f5c32;
  --herb-text:#9ccb86;
  --herb-soft:#223020;
  --on-herb:#f3f6ef;
  --inverse:#0d0c0a;
  --on-inverse:#f2ede6;
  --on-inverse-2:#bdb6ac;
  --accent-on-inverse:#f08f62;
  --plate:#efe8dc;
  --on-plate:#1c1a17;
  --on-plate-2:#4f4943;
  --glass:rgba(42,38,34,.84);
  --nav-bg:rgba(20,18,16,.82);
  --scrim:rgba(0,0,0,.6);
  --focus:#f08f62;
  --freeze:#3a4f63;
  --freeze-soft:#2b3a49;
  --shadow:0 0 0 1px rgba(255,240,220,.06),0 10px 30px rgba(0,0,0,.35);
  --shadow-2:0 0 0 1px rgba(255,240,220,.1),0 18px 44px rgba(0,0,0,.55);
  --shadow-plate:0 0 0 1px rgba(255,240,220,.12),0 24px 60px rgba(0,0,0,.55),0 0 90px rgba(240,143,98,.16);
  color-scheme:dark;
}
@media (prefers-color-scheme:dark){
:root:not([data-theme="light"]){
  --bg:#141210;
  --surface:#1e1b18;
  --surface-2:#2a2622;
  --line:rgba(255,240,220,.10);
  --line-2:rgba(255,240,220,.22);
  --ink:#f2ede6;
  --ink-2:#cdc5ba;
  --ink-3:#a39a8e;
  --accent:#c6491f;
  --accent-hover:#b23f19;
  --accent-text:#f08f62;
  --accent-soft:#3b2219;
  --accent-ink:#f6b89b;
  --on-accent:#ffffff;
  --herb:#3f5c32;
  --herb-text:#9ccb86;
  --herb-soft:#223020;
  --on-herb:#f3f6ef;
  --inverse:#0d0c0a;
  --on-inverse:#f2ede6;
  --on-inverse-2:#bdb6ac;
  --accent-on-inverse:#f08f62;
  --plate:#efe8dc;
  --on-plate:#1c1a17;
  --on-plate-2:#4f4943;
  --glass:rgba(42,38,34,.84);
  --nav-bg:rgba(20,18,16,.82);
  --scrim:rgba(0,0,0,.6);
  --focus:#f08f62;
  --freeze:#3a4f63;
  --freeze-soft:#2b3a49;
  --shadow:0 0 0 1px rgba(255,240,220,.06),0 10px 30px rgba(0,0,0,.35);
  --shadow-2:0 0 0 1px rgba(255,240,220,.1),0 18px 44px rgba(0,0,0,.55);
  --shadow-plate:0 0 0 1px rgba(255,240,220,.12),0 24px 60px rgba(0,0,0,.55),0 0 90px rgba(240,143,98,.16);
  color-scheme:dark;
}
}