/* ChatCommerce design tokens. GENERATED by scripts/build-kit.mjs from
   chatcommerce.design.md (light) and chatcommerce-dark.design.md (dark).
   Do not edit by hand: change the .design.md, then run
   node projects/agentcart/design-kit-chatcommerce/scripts/build-kit.mjs
   Core colours equal the table of docs/design-app/design-kit.md. */

:root {
  color-scheme: light;
  --bg: #f4f1ed;
  --surface: #fffdf9;
  --surface-2: #f8f5f1;
  --sidebar: #241d25;
  --text: #241f22;
  --muted: #70676d;
  --line: #ddd6d0;
  --accent: #ed5b4b;
  --positive: #26735c;
  --warning: #996216;
  --danger: #b6433f;
  --info: #3e63d2;
  --engine-chatgpt: #6f56c9;
  --engine-perplexity: #197974;
  --engine-gemini: #3463d4;
  --engine-google-ai-overviews: #a85b16;
  --surface-3: #eee9e3;
  --sidebar-2: #302631;
  --sidebar-text: #fbf7f1;
  --sidebar-muted: #a99da8;
  --faint: #756c71;
  --line-strong: #c9c0ba;
  --on-accent: #241f22;
  --accent-strong: #d94d40;
  --accent-soft: #ffe5df;
  --wine: #713b53;
  --wine-soft: #f1e2e8;
  --positive-soft: #dff2e9;
  --warning-soft: #fff0cc;
  --danger-soft: #ffe4e2;
  --info-soft: #e6ecff;
  --chart-grid: #e8e1dc;
  --engine-chatgpt-soft: #eee9ff;
  --engine-perplexity-soft: #ddf3f1;
  --engine-gemini-soft: #e4ebff;
  --engine-google-ai-overviews-soft: #fff0df;
  --font: Inter, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --display: Georgia, 'Times New Roman', serif;
  --mono: ui-monospace, SFMono-Regular, Menlo, monospace;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --radius-control-sm: 8px;
  --radius-control: 9px;
  --radius-control-lg: 10px;
  --radius-card: 14px;
  --radius-pill: 999px;
  --sidebar-w: 228px;
  --sidebar-w-compact: 68px;
  --topbar-h: 68px;
  --control-h: 34px;
  --control-h-lg: 36px;
  --row-h: 42px;
  --row-h-compact: 36px;
  --content-max: 1580px;
  --shadow-card: 0 1px 2px rgba(30, 20, 28, 0.04), 0 14px 40px rgba(45, 28, 40, 0.07);
  --shadow-float: 0 28px 80px rgba(26, 17, 24, 0.22);
}

/* Dark mode: same names, same roles, dark values. */
[data-theme="dark"] {
  color-scheme: dark;
  --bg: #171419;
  --surface: #201b21;
  --surface-2: #282229;
  --sidebar: #0e0c10;
  --text: #f3eeea;
  --muted: #b7adb4;
  --line: #3b333a;
  --accent: #ff786b;
  --positive: #78c9aa;
  --warning: #e4b35f;
  --danger: #ff8983;
  --info: #8ea7ff;
  --engine-chatgpt: #6f56c9;
  --engine-perplexity: #197974;
  --engine-gemini: #3463d4;
  --engine-google-ai-overviews: #a85b16;
  --surface-3: #332b33;
  --sidebar-2: #19151b;
  --sidebar-text: #fbf7f1;
  --sidebar-muted: #908691;
  --faint: #918890;
  --line-strong: #50464e;
  --on-accent: #383838;
  --accent-strong: #ff948a;
  --accent-soft: #45282a;
  --wine: #dca1ba;
  --wine-soft: #3d2933;
  --positive-soft: #1f3b32;
  --warning-soft: #40331e;
  --danger-soft: #462526;
  --info-soft: #29314c;
  --chart-grid: #352f35;
  --engine-chatgpt-soft: #eee9ff;
  --engine-perplexity-soft: #ddf3f1;
  --engine-gemini-soft: #e4ebff;
  --engine-google-ai-overviews-soft: #fff0df;
  --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.25), 0 18px 50px rgba(0, 0, 0, 0.18);
  --shadow-float: 0 30px 90px rgba(0, 0, 0, 0.48);
}