/* ConfidAI Design System — generated by build.mjs. Do not edit by hand. */

:root {
  --color-white: #FFFFFF;
  --color-black: #000000;
  --color-paper-raw: #F7F4EF;
  --color-paper-panel: #EFEAE1;
  --color-paper-fill: #ECE7DE;
  --color-paper-border: #D6D1C9;
  --color-ink-raw: #1A1814;
  --color-ink-muted: #6E6A60;
  --color-ink-faint: #9A9389;
  --color-ink-disabled: #BDB7AD;
  --color-orange-50: #FEF3EC;
  --color-orange-100: #FBDFCB;
  --color-orange-200: #F6BE97;
  --color-orange-300: #F09A63;
  --color-orange-400: #EC7836;
  --color-orange-500: #E6570E;
  --color-orange-600: #CF4E0C;
  --color-orange-700: #B5440A;
  --color-orange-800: #8D3A12;
  --color-orange-900: #4E2207;
  --color-copper: #8D3A12;
  --color-indigo-50: #ECEAF2;
  --color-indigo-100: #D2CCE2;
  --color-indigo-300: #8C7DB0;
  --color-indigo-500: #4A3A6E;
  --color-indigo-700: #3B2D59;
  --color-indigo-900: #241B38;
  --color-motif-yellow: #F4C20D;
  --color-motif-blue: #1E5BA8;
  --color-motif-green: #2E7D55;
  --color-neutral-0: #FFFFFF;
  --color-neutral-50: #F5F5F7;
  --color-neutral-100: #E9E9EF;
  --color-neutral-200: #D8D8DE;
  --color-neutral-300: #C7C7CE;
  --color-neutral-400: #AEAEB6;
  --color-neutral-500: #8E8E93;
  --color-neutral-600: #6E6E73;
  --color-neutral-700: #48484A;
  --color-neutral-800: #2C2C2E;
  --color-neutral-900: #1C1C1E;
  --color-neutral-950: #0D0D0D;
  --color-carbon-500: #2C2C2E;
  --color-carbon-600: #202022;
  --color-carbon-700: #1B1B1D;
  --color-carbon-800: #131313;
  --color-carbon-900: #111114;
  --color-carbon-base: #070707;
  --color-blue: #007AFF;
  --color-green: #30B866;
  --color-amber: #F39C12;
  --color-red: #E9413F;
  --color-surface-canvas: var(--color-paper-raw);
  --color-surface-default: var(--color-white);
  --color-surface-raised: var(--color-white);
  --color-surface-sunken: var(--color-paper-panel);
  --color-surface-fill: var(--color-paper-fill);
  --color-surface-inverse: var(--color-ink-raw);
  --color-text-primary: var(--color-ink-raw);
  --color-text-secondary: var(--color-ink-muted);
  --color-text-tertiary: var(--color-ink-faint);
  --color-text-disabled: var(--color-ink-disabled);
  --color-text-onAccent: var(--color-white);
  --color-text-onInverse: var(--color-paper-raw);
  --color-text-accent: var(--color-orange-600);
  --color-border-default: var(--color-paper-border);
  --color-border-strong: var(--color-ink-raw);
  --color-border-subtle: rgba(26,24,20,0.08);
  --color-border-accent: var(--color-orange-500);
  --color-separator: rgba(0,0,0,0.10);
  --color-accent-default: var(--color-orange-500);
  --color-accent-hover: var(--color-orange-600);
  --color-accent-pressed: var(--color-orange-700);
  --color-accent-subtle: rgba(230,87,14,0.12);
  --color-accent-onAccent: var(--color-white);
  --color-secondary-default: var(--color-indigo-700);
  --color-secondary-subtle: var(--color-indigo-50);
  --color-secondary-onSecondary: var(--color-white);
  --color-status-success: var(--color-green);
  --color-status-successSubtle: rgba(48,184,102,0.14);
  --color-status-warning: var(--color-amber);
  --color-status-warningSubtle: rgba(243,156,18,0.16);
  --color-status-danger: var(--color-red);
  --color-status-dangerSubtle: rgba(233,65,63,0.14);
  --color-status-info: var(--color-blue);
  --color-status-infoSubtle: rgba(0,122,255,0.12);
  --color-focusRing: rgba(230,87,14,0.40);
  --color-overlay: rgba(26,24,20,0.40);
  --color-agent-assistantBg: var(--color-white);
  --color-agent-assistantText: var(--color-ink-raw);
  --color-agent-userBg: var(--color-ink-raw);
  --color-agent-userText: var(--color-paper-raw);
  --color-agent-correctionBg: rgba(243,156,18,0.14);
  --color-agent-correctionBorder: var(--color-amber);
  --color-agent-correctionAccent: var(--color-copper);
  --color-agent-citationBg: rgba(230,87,14,0.12);
  --color-agent-citationText: var(--color-orange-700);
  --color-agent-toolBg: var(--color-paper-fill);
  --color-agent-toolText: var(--color-ink-muted);
  --color-agent-thinking: var(--color-ink-faint);
  --color-agent-live: var(--color-green);
  --space-0: 0px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;
  --space-32: 128px;
  --radius-none: 0px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-2xl: 32px;
  --radius-pill: 999px;
  --radius-full: 9999px;
  --control-sm: 36px;
  --control-md: 44px;
  --control-lg: 52px;
  --icon-sm: 16px;
  --icon-md: 20px;
  --icon-lg: 24px;
  --border-thin: 1px;
  --border-regular: 1.5px;
  --border-thick: 2px;
  --container-prose: 680px;
  --container-content: 1040px;
  --container-wide: 1320px;
  --font-family-display: "Bricolage Grotesque", Georgia, serif;
  --font-family-serif: "PT Serif", Georgia, "Times New Roman", serif;
  --font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  --font-family-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, monospace;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-black: 800;
  --font-size-xs: 12px;
  --font-size-sm: 14px;
  --font-size-base: 16px;
  --font-size-md: 18px;
  --font-size-lg: 20px;
  --font-size-xl: 24px;
  --font-size-2xl: 30px;
  --font-size-3xl: 36px;
  --font-size-4xl: 48px;
  --font-size-5xl: 60px;
  --font-size-6xl: 76px;
  --line-height-tight: 1.1;
  --line-height-snug: 1.2;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.65;
  --letter-spacing-tighter: -0.03em;
  --letter-spacing-tight: -0.02em;
  --letter-spacing-normal: 0em;
  --letter-spacing-wide: 0.04em;
  --letter-spacing-wider: 0.10em;
  --shadow-sm: 0px 1px 2px 0px rgba(26,24,20,0.06);
  --shadow-md: 0px 4px 12px 0px rgba(26,24,20,0.08);
  --shadow-lg: 0px 8px 30px 0px rgba(0,0,0,0.12);
  --shadow-xl: 0px 20px 50px 0px rgba(0,0,0,0.18);
  --duration-instant: 0ms;
  --duration-fast: 120ms;
  --duration-base: 200ms;
  --duration-slow: 320ms;
  --duration-slower: 480ms;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --ease-entrance: cubic-bezier(0, 0, 0, 1);
  --ease-exit: cubic-bezier(0.4, 0, 1, 1);
  --ease-spring: cubic-bezier(0.2, 0.8, 0.2, 1);
  --text-display-font-family: var(--font-family-display);
  --text-display-font-weight: var(--font-weight-bold);
  --text-display-font-size: var(--font-size-6xl);
  --text-display-line-height: var(--line-height-tight);
  --text-display-letter-spacing: var(--letter-spacing-tight);
  --text-h1-font-family: var(--font-family-display);
  --text-h1-font-weight: var(--font-weight-bold);
  --text-h1-font-size: var(--font-size-4xl);
  --text-h1-line-height: var(--line-height-snug);
  --text-h1-letter-spacing: var(--letter-spacing-tight);
  --text-h2-font-family: var(--font-family-display);
  --text-h2-font-weight: var(--font-weight-bold);
  --text-h2-font-size: var(--font-size-3xl);
  --text-h2-line-height: var(--line-height-snug);
  --text-h2-letter-spacing: var(--letter-spacing-tight);
  --text-h3-font-family: var(--font-family-display);
  --text-h3-font-weight: var(--font-weight-bold);
  --text-h3-font-size: var(--font-size-xl);
  --text-h3-line-height: var(--line-height-snug);
  --text-h3-letter-spacing: var(--letter-spacing-normal);
  --text-accent-font-family: var(--font-family-serif);
  --text-accent-font-weight: var(--font-weight-bold);
  --text-accent-font-size: var(--font-size-3xl);
  --text-accent-line-height: var(--line-height-snug);
  --text-accent-letter-spacing: var(--letter-spacing-normal);
  --text-wordmark-font-family: var(--font-family-serif);
  --text-wordmark-font-weight: var(--font-weight-bold);
  --text-wordmark-font-size: var(--font-size-lg);
  --text-wordmark-line-height: var(--line-height-tight);
  --text-wordmark-letter-spacing: var(--letter-spacing-normal);
  --text-lead-font-family: var(--font-family-sans);
  --text-lead-font-weight: var(--font-weight-regular);
  --text-lead-font-size: var(--font-size-lg);
  --text-lead-line-height: var(--line-height-relaxed);
  --text-lead-letter-spacing: var(--letter-spacing-normal);
  --text-body-font-family: var(--font-family-sans);
  --text-body-font-weight: var(--font-weight-regular);
  --text-body-font-size: var(--font-size-base);
  --text-body-line-height: var(--line-height-normal);
  --text-body-letter-spacing: var(--letter-spacing-normal);
  --text-bodyStrong-font-family: var(--font-family-sans);
  --text-bodyStrong-font-weight: var(--font-weight-semibold);
  --text-bodyStrong-font-size: var(--font-size-base);
  --text-bodyStrong-line-height: var(--line-height-normal);
  --text-bodyStrong-letter-spacing: var(--letter-spacing-normal);
  --text-callout-font-family: var(--font-family-sans);
  --text-callout-font-weight: var(--font-weight-medium);
  --text-callout-font-size: var(--font-size-md);
  --text-callout-line-height: var(--line-height-normal);
  --text-callout-letter-spacing: var(--letter-spacing-normal);
  --text-caption-font-family: var(--font-family-sans);
  --text-caption-font-weight: var(--font-weight-regular);
  --text-caption-font-size: var(--font-size-sm);
  --text-caption-line-height: var(--line-height-normal);
  --text-caption-letter-spacing: var(--letter-spacing-normal);
  --text-label-font-family: var(--font-family-sans);
  --text-label-font-weight: var(--font-weight-semibold);
  --text-label-font-size: var(--font-size-sm);
  --text-label-line-height: var(--line-height-snug);
  --text-label-letter-spacing: var(--letter-spacing-normal);
  --text-overline-font-family: var(--font-family-mono);
  --text-overline-font-weight: var(--font-weight-semibold);
  --text-overline-font-size: var(--font-size-xs);
  --text-overline-line-height: var(--line-height-snug);
  --text-overline-letter-spacing: var(--letter-spacing-wider);
  --text-mono-font-family: var(--font-family-mono);
  --text-mono-font-weight: var(--font-weight-regular);
  --text-mono-font-size: var(--font-size-sm);
  --text-mono-line-height: var(--line-height-normal);
  --text-mono-letter-spacing: var(--letter-spacing-normal);
}

[data-theme="dark"] {
  --color-surface-canvas: var(--color-carbon-base);
  --color-surface-default: var(--color-carbon-800);
  --color-surface-raised: var(--color-carbon-700);
  --color-surface-sunken: var(--color-black);
  --color-surface-fill: var(--color-carbon-600);
  --color-surface-inverse: var(--color-paper-raw);
  --color-text-primary: var(--color-white);
  --color-text-secondary: #B2B2B2;
  --color-text-tertiary: #7A7A7E;
  --color-text-disabled: #5A5A5E;
  --color-text-onAccent: var(--color-white);
  --color-text-onInverse: var(--color-ink-raw);
  --color-text-accent: var(--color-orange-400);
  --color-border-default: var(--color-carbon-600);
  --color-border-strong: #3A3A3C;
  --color-border-subtle: rgba(255,255,255,0.10);
  --color-border-accent: var(--color-orange-500);
  --color-separator: var(--color-carbon-600);
  --color-accent-default: var(--color-orange-500);
  --color-accent-hover: var(--color-orange-400);
  --color-accent-pressed: var(--color-orange-600);
  --color-accent-subtle: rgba(230,87,14,0.20);
  --color-accent-onAccent: var(--color-white);
  --color-secondary-default: var(--color-indigo-300);
  --color-secondary-subtle: rgba(140,125,176,0.20);
  --color-secondary-onSecondary: var(--color-carbon-base);
  --color-status-success: var(--color-green);
  --color-status-successSubtle: rgba(48,184,102,0.20);
  --color-status-warning: var(--color-amber);
  --color-status-warningSubtle: rgba(243,156,18,0.22);
  --color-status-danger: var(--color-red);
  --color-status-dangerSubtle: rgba(233,65,63,0.22);
  --color-status-info: var(--color-blue);
  --color-status-infoSubtle: rgba(0,122,255,0.20);
  --color-focusRing: rgba(236,120,54,0.55);
  --color-overlay: rgba(0,0,0,0.60);
  --color-agent-assistantBg: var(--color-carbon-800);
  --color-agent-assistantText: var(--color-white);
  --color-agent-userBg: var(--color-carbon-500);
  --color-agent-userText: var(--color-white);
  --color-agent-correctionBg: rgba(243,156,18,0.16);
  --color-agent-correctionBorder: var(--color-amber);
  --color-agent-correctionAccent: var(--color-orange-400);
  --color-agent-citationBg: rgba(230,87,14,0.20);
  --color-agent-citationText: var(--color-orange-300);
  --color-agent-toolBg: var(--color-carbon-600);
  --color-agent-toolText: #B2B2B2;
  --color-agent-thinking: #7A7A7E;
  --color-agent-live: var(--color-green);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --color-surface-canvas: var(--color-carbon-base);
    --color-surface-default: var(--color-carbon-800);
    --color-surface-raised: var(--color-carbon-700);
    --color-surface-sunken: var(--color-black);
    --color-surface-fill: var(--color-carbon-600);
    --color-surface-inverse: var(--color-paper-raw);
    --color-text-primary: var(--color-white);
    --color-text-secondary: #B2B2B2;
    --color-text-tertiary: #7A7A7E;
    --color-text-disabled: #5A5A5E;
    --color-text-onAccent: var(--color-white);
    --color-text-onInverse: var(--color-ink-raw);
    --color-text-accent: var(--color-orange-400);
    --color-border-default: var(--color-carbon-600);
    --color-border-strong: #3A3A3C;
    --color-border-subtle: rgba(255,255,255,0.10);
    --color-border-accent: var(--color-orange-500);
    --color-separator: var(--color-carbon-600);
    --color-accent-default: var(--color-orange-500);
    --color-accent-hover: var(--color-orange-400);
    --color-accent-pressed: var(--color-orange-600);
    --color-accent-subtle: rgba(230,87,14,0.20);
    --color-accent-onAccent: var(--color-white);
    --color-secondary-default: var(--color-indigo-300);
    --color-secondary-subtle: rgba(140,125,176,0.20);
    --color-secondary-onSecondary: var(--color-carbon-base);
    --color-status-success: var(--color-green);
    --color-status-successSubtle: rgba(48,184,102,0.20);
    --color-status-warning: var(--color-amber);
    --color-status-warningSubtle: rgba(243,156,18,0.22);
    --color-status-danger: var(--color-red);
    --color-status-dangerSubtle: rgba(233,65,63,0.22);
    --color-status-info: var(--color-blue);
    --color-status-infoSubtle: rgba(0,122,255,0.20);
    --color-focusRing: rgba(236,120,54,0.55);
    --color-overlay: rgba(0,0,0,0.60);
    --color-agent-assistantBg: var(--color-carbon-800);
    --color-agent-assistantText: var(--color-white);
    --color-agent-userBg: var(--color-carbon-500);
    --color-agent-userText: var(--color-white);
    --color-agent-correctionBg: rgba(243,156,18,0.16);
    --color-agent-correctionBorder: var(--color-amber);
    --color-agent-correctionAccent: var(--color-orange-400);
    --color-agent-citationBg: rgba(230,87,14,0.20);
    --color-agent-citationText: var(--color-orange-300);
    --color-agent-toolBg: var(--color-carbon-600);
    --color-agent-toolText: #B2B2B2;
    --color-agent-thinking: #7A7A7E;
    --color-agent-live: var(--color-green);
  }
}