/* Design tokens — one source of truth for color, spacing, type. */
:root {
    --color-bg: #f5f6f8;
    --color-surface: #ffffff;
    --color-surface-muted: #f3f4f6;
    --color-border: #e7e9ee;
    --color-border-strong: #d4d7de;

    --color-text: #16181d;
    --color-text-muted: #656a73;
    --color-text-subtle: #9aa0a8;

    --color-accent: #5b54e6;
    --color-accent-hover: #4a43d4;
    --color-accent-bg: #eceafe;
    --color-accent-ring: rgba(91, 84, 230, 0.18);

    --color-success: #15803d;
    --color-success-bg: #dcfce7;
    --color-warning: #b45309;
    --color-warning-bg: #fef3c7;
    --color-danger: #dc2626;
    --color-danger-hover: #b91c1c;
    --color-danger-bg: #fee2e2;
    --color-info: #1d4ed8;
    --color-info-bg: #dbeafe;

    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 14px;
    --radius-full: 9999px;

    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-8: 48px;

    --shadow-sm: 0 1px 2px rgba(16, 18, 23, 0.06);
    --shadow-md: 0 4px 14px rgba(16, 18, 23, 0.08);
    --shadow-lg: 0 12px 32px rgba(16, 18, 23, 0.14);

    --transition: 140ms cubic-bezier(0.16, 1, 0.3, 1);

    --sidebar-width: 240px;

    --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
        Ubuntu, "Helvetica Neue", Arial, sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, "Cascadia Mono", Menlo, Consolas, monospace;
}