/* Generated from design/tokens.json by design/scripts/build-tokens.mjs. Do not edit by hand. */

:root {
  color-scheme: light;
  --dv-bg: #f6f7fb;
  --dv-bg-elevated: #ffffff;
  --dv-surface: #ffffff;
  --dv-surface-2: #eef0f5;
  --dv-surface-3: #e2e5ec;
  --dv-tint: #0f172a;
  --dv-line: rgba(15, 23, 42, 0.10);
  --dv-line-strong: rgba(15, 23, 42, 0.20);
  --dv-fg: #0f172a;
  --dv-fg-muted: #475569;
  --dv-fg-subtle: #5b6474;
  --dv-danger: #b91c1c;
  --dv-danger-solid: #dc2626;
  --dv-warning: #a16207;
  --dv-success: #15803d;
  --dv-info: #1d4ed8;
  --dv-overlay: rgba(15, 23, 42, 0.35);
  --dv-shadow: rgba(15, 23, 42, 0.18);
  --dv-accent: #6366f1;
  --dv-accent-solid: #4f46e5;
  --dv-accent-text-light: #4338ca;
  --dv-accent-text: var(--dv-accent-text-light);
  --dv-accent-muted: color-mix(in srgb, var(--dv-accent) 18%, transparent);
  --dv-font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --dv-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  --dv-text-2xs: 0.625rem;
  --dv-text-xs: 0.75rem;
  --dv-text-sm: 0.875rem;
  --dv-text-base: 1rem;
  --dv-text-lg: 1.125rem;
  --dv-text-xl: 1.25rem;
  --dv-text-2xl: 1.5rem;
  --dv-space-1: 0.25rem;
  --dv-space-2: 0.5rem;
  --dv-space-3: 0.75rem;
  --dv-space-4: 1rem;
  --dv-space-5: 1.25rem;
  --dv-space-6: 1.5rem;
  --dv-space-8: 2rem;
  --dv-space-10: 2.5rem;
  --dv-space-12: 3rem;
  --dv-radius-sm: 6px;
  --dv-radius-md: 8px;
  --dv-radius-lg: 12px;
  --dv-radius-xl: 16px;
  --dv-radius-2xl: 24px;
  --dv-radius-full: 9999px;
  --dv-motion-fast: 150ms;
  --dv-motion-base: 250ms;
  --dv-motion-slow: 500ms;
  --dv-motion-ease: cubic-bezier(0.23, 1, 0.32, 1);
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
    color-scheme: dark;
    --dv-bg: #030712;
    --dv-bg-elevated: #0b1120;
    --dv-surface: #111827;
    --dv-surface-2: #1f2937;
    --dv-surface-3: #374151;
    --dv-tint: #ffffff;
    --dv-line: rgba(255, 255, 255, 0.08);
    --dv-line-strong: rgba(255, 255, 255, 0.16);
    --dv-fg: #f9fafb;
    --dv-fg-muted: #b4bcc8;
    --dv-fg-subtle: #8f98a8;
    --dv-danger: #f87171;
    --dv-danger-solid: #dc2626;
    --dv-warning: #facc15;
    --dv-success: #4ade80;
    --dv-info: #60a5fa;
    --dv-overlay: rgba(3, 7, 18, 0.6);
    --dv-shadow: rgba(0, 0, 0, 0.6);
    --dv-accent-text: var(--dv-accent);
  }
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --dv-bg: #030712;
  --dv-bg-elevated: #0b1120;
  --dv-surface: #111827;
  --dv-surface-2: #1f2937;
  --dv-surface-3: #374151;
  --dv-tint: #ffffff;
  --dv-line: rgba(255, 255, 255, 0.08);
  --dv-line-strong: rgba(255, 255, 255, 0.16);
  --dv-fg: #f9fafb;
  --dv-fg-muted: #b4bcc8;
  --dv-fg-subtle: #8f98a8;
  --dv-danger: #f87171;
  --dv-danger-solid: #dc2626;
  --dv-warning: #facc15;
  --dv-success: #4ade80;
  --dv-info: #60a5fa;
  --dv-overlay: rgba(3, 7, 18, 0.6);
  --dv-shadow: rgba(0, 0, 0, 0.6);
  --dv-accent-text: var(--dv-accent);
}

:root[data-accent="indigo"] {
  --dv-accent: #6366f1;
  --dv-accent-solid: #4f46e5;
  --dv-accent-text-light: #4338ca;
}
:root[data-accent="violet"] {
  --dv-accent: #8b5cf6;
  --dv-accent-solid: #7c3aed;
  --dv-accent-text-light: #6d28d9;
}
:root[data-accent="blue"] {
  --dv-accent: #3b82f6;
  --dv-accent-solid: #2563eb;
  --dv-accent-text-light: #1d4ed8;
}
:root[data-accent="sky"] {
  --dv-accent: #38bdf8;
  --dv-accent-solid: #0369a1;
  --dv-accent-text-light: #0369a1;
}
:root[data-accent="teal"] {
  --dv-accent: #2dd4bf;
  --dv-accent-solid: #0f766e;
  --dv-accent-text-light: #0f766e;
}
:root[data-accent="emerald"] {
  --dv-accent: #34d399;
  --dv-accent-solid: #047857;
  --dv-accent-text-light: #047857;
}
:root[data-accent="amber"] {
  --dv-accent: #fbbf24;
  --dv-accent-solid: #b45309;
  --dv-accent-text-light: #92400e;
}
:root[data-accent="orange"] {
  --dv-accent: #fb923c;
  --dv-accent-solid: #c2410c;
  --dv-accent-text-light: #c2410c;
}
:root[data-accent="rose"] {
  --dv-accent: #fb7185;
  --dv-accent-solid: #e11d48;
  --dv-accent-text-light: #be123c;
}
:root[data-accent="pink"] {
  --dv-accent: #f472b6;
  --dv-accent-solid: #db2777;
  --dv-accent-text-light: #be185d;
}
:root[data-accent="slate"] {
  --dv-accent: #94a3b8;
  --dv-accent-solid: #475569;
  --dv-accent-text-light: #334155;
}