/* GENERATED by packages/design-tokens — do not edit. */
/* Source: packages/design-tokens/tokens.json */

:root, [data-theme="dark"] {
  --color-bg-canvas: #262624;
  --color-bg-surface: #1F1E1D;
  --color-bg-raised: #30302E;
  --color-bg-hover: #2C322B;
  --color-bg-input: #2C2C2A;
  --color-bg-tint: #2F3B30;
  --color-border-subtle: #373633;
  --color-border-strong: #4A4945;
  --color-fg-primary: #EEECE6;
  --color-fg-secondary: #B9B6AD;
  --color-fg-muted: #A09D94;
  --color-accent: #ECEAE4;
  --color-accent-fg: #1F1E1D;
  --color-accent-soft: #ECEAE426;
  --color-status-ok: #8AC596;
  --color-status-warn: #DDB860;
  --color-status-danger: #EC8A7A;
  --color-status-info: #8DB3E2;
  --color-attention: #DDB860;
  --color-ok-soft: #8AC5961A;
  --color-warn-soft: #DDB8601A;
  --color-danger-soft: #EC8A7A1A;
  --color-info-soft: #8DB3E21A;
  --color-policy-ask: #DDB860;
  --color-policy-deny: #EC8A7A;
  --color-shadow: #00000066;
  --color-diff-add: #8AC5961F;
  --color-diff-del: #EC8A7A1F;
  --color-paper: #FBFAF7;
  --color-paper-fg: #1C1D20;
  --color-code-keyword: #C49BF5;
  --color-code-string: #9FD38A;
  --color-code-function: #6AA8F0;
  --color-code-comment: #A09D94;
  --color-code-number: #F0B86A;
  --color-scrim: #00000080;
  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --font-size-xs: 12px;
  --font-size-sm: 13px;
  --font-size-base: 14px;
  --font-size-md: 16px;
  --font-size-lg: 20px;
  --font-size-xl: 24px;
  --line-height: 1.55;
  --radius-sm: 4px;
  --radius-control: 6px;
  --radius-card: 10px;
  --radius-panel: 12px;
  --radius-full: 999px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --motion-fast: 120ms;
  --motion-panel: 200ms;
  --control-desktop: 32px;
  --control-mobile: 44px;
  --sidebar-width: 264px;
  --conversation-max-width: 768px;
}

[data-theme="light"] {
  --color-bg-canvas: #FAF9F5;
  --color-bg-surface: #F2F0EA;
  --color-bg-raised: #FFFFFF;
  --color-bg-hover: #EDF1EA;
  --color-bg-input: #FFFFFF;
  --color-bg-tint: #E2ECDD;
  --color-border-subtle: #E5E2DA;
  --color-border-strong: #CFCBC1;
  --color-fg-primary: #1F1E1B;
  --color-fg-secondary: #504D46;
  --color-fg-muted: #67635B;
  --color-accent: #1F1E1B;
  --color-accent-fg: #FFFFFF;
  --color-accent-soft: #1F1E1B1A;
  --color-status-ok: #2F7442;
  --color-status-warn: #855E00;
  --color-status-danger: #B8463A;
  --color-status-info: #3A64A8;
  --color-attention: #B08400;
  --color-ok-soft: #2F744212;
  --color-warn-soft: #855E0012;
  --color-danger-soft: #B8463A12;
  --color-info-soft: #3A64A812;
  --color-policy-ask: #855E00;
  --color-policy-deny: #B8463A;
  --color-shadow: #1F1E1B14;
  --color-diff-add: #2F74421A;
  --color-diff-del: #B8463A1A;
  --color-paper: #FFFFFF;
  --color-paper-fg: #1C1D20;
  --color-code-keyword: #7A3EC8;
  --color-code-string: #2F7D1E;
  --color-code-function: #2F6FC0;
  --color-code-comment: #67635B;
  --color-code-number: #A1600E;
  --color-scrim: #1F1E1B59;
}

[data-theme="high-contrast"] {
  --color-bg-canvas: #000000;
  --color-bg-surface: #0A0A0B;
  --color-bg-raised: #141518;
  --color-bg-hover: #22242A;
  --color-bg-input: #0A0A0B;
  --color-bg-tint: #000000;
  --color-border-subtle: #5C606A;
  --color-border-strong: #9A9EA8;
  --color-fg-primary: #FFFFFF;
  --color-fg-secondary: #D6D8DC;
  --color-fg-muted: #B4B7BE;
  --color-accent: #D8FAAF;
  --color-accent-fg: #000000;
  --color-accent-soft: #D8FAAF2E;
  --color-status-ok: #5EE0A4;
  --color-status-warn: #F2BE6E;
  --color-status-danger: #FF8C8C;
  --color-status-info: #8EC0FA;
  --color-attention: #F2D36E;
  --color-ok-soft: #5EE0A426;
  --color-warn-soft: #F2BE6E26;
  --color-danger-soft: #FF8C8C26;
  --color-info-soft: #8EC0FA26;
  --color-policy-ask: #F2BE6E;
  --color-policy-deny: #FF8C8C;
  --color-shadow: #000000B3;
  --color-diff-add: #5EE0A433;
  --color-diff-del: #FF8C8C33;
  --color-paper: #FFFFFF;
  --color-paper-fg: #000000;
  --color-code-keyword: #D9BDFA;
  --color-code-string: #B7E6A4;
  --color-code-function: #8EC0FA;
  --color-code-comment: #B4B7BE;
  --color-code-number: #F6CB8A;
  --color-scrim: #000000A6;
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme]) {
    --color-bg-canvas: #FAF9F5;
    --color-bg-surface: #F2F0EA;
    --color-bg-raised: #FFFFFF;
    --color-bg-hover: #EDF1EA;
    --color-bg-input: #FFFFFF;
    --color-bg-tint: #E2ECDD;
    --color-border-subtle: #E5E2DA;
    --color-border-strong: #CFCBC1;
    --color-fg-primary: #1F1E1B;
    --color-fg-secondary: #504D46;
    --color-fg-muted: #67635B;
    --color-accent: #1F1E1B;
    --color-accent-fg: #FFFFFF;
    --color-accent-soft: #1F1E1B1A;
    --color-status-ok: #2F7442;
    --color-status-warn: #855E00;
    --color-status-danger: #B8463A;
    --color-status-info: #3A64A8;
    --color-attention: #B08400;
    --color-ok-soft: #2F744212;
    --color-warn-soft: #855E0012;
    --color-danger-soft: #B8463A12;
    --color-info-soft: #3A64A812;
    --color-policy-ask: #855E00;
    --color-policy-deny: #B8463A;
    --color-shadow: #1F1E1B14;
    --color-diff-add: #2F74421A;
    --color-diff-del: #B8463A1A;
    --color-paper: #FFFFFF;
    --color-paper-fg: #1C1D20;
    --color-code-keyword: #7A3EC8;
    --color-code-string: #2F7D1E;
    --color-code-function: #2F6FC0;
    --color-code-comment: #67635B;
    --color-code-number: #A1600E;
    --color-scrim: #1F1E1B59;
  }
}