/*
 * Theme configuration
 * Change these tokens to rebrand the whole interface.
 */
:root {
    color-scheme: light;

    --color-primary: #6f4a8e;
    --color-primary-hover: #5a3978;
    --color-primary-soft: #f2ecf7;
    --color-danger: #fd1381;
    --color-danger-hover: #d80b6b;
    --color-success: #18a899;
    --color-warning: #f59e0b;
    --color-info: #3b82f6;
    --color-sidebar: #4b4877;
    --color-sidebar-deep: #37345f;

    --color-background: #f3f5f8;
    --color-surface: #ffffff;
    --color-input: #ffffff;
    --color-surface-muted: #f3f4f6;
    --color-surface-soft: #f9fafb;
    --color-text: #111827;
    --color-body: #4b5563;
    --color-text-muted: #6b7280;
    --color-border: #d1d5db;

    --font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --radius-sm: 6px;
    --radius-md: 9px;
    --radius-lg: 14px;
    --shadow-sm: 0 1px 2px rgb(0 0 0 / 5%);
    --shadow-md: 0 12px 28px rgb(15 23 42 / 12%);

    --sidebar-width: 264px;
    --content-width: 1600px;
}

[data-theme="dark"] {
    color-scheme: dark;

    --color-primary: #b58ad4;
    --color-primary-hover: #c6a4df;
    --color-primary-soft: #312546;
    --color-danger: #f87171;
    --color-danger-hover: #fca5a5;
    --color-success: #34d3c2;
    --color-warning: #fbbf24;
    --color-info: #60a5fa;
    --color-sidebar: #24223f;
    --color-sidebar-deep: #19172e;

    --color-background: #0b1120;
    --color-surface: #111827;
    --color-input: #182235;
    --color-surface-muted: #1f2937;
    --color-surface-soft: #182235;
    --color-text: #f9fafb;
    --color-body: #d1d5db;
    --color-text-muted: #9ca3af;
    --color-border: #374151;

    --shadow-sm: 0 1px 2px rgb(0 0 0 / 20%);
    --shadow-md: 0 16px 34px rgb(0 0 0 / 28%);
}