:root {
    --font-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    --bg: #F5F7FB;
    --surface: #FFFFFF;
    --surface-2: #F1F5F9;
    --elevated: #FFFFFF;
    --text: #0B1526;
    --muted: #5B6B84;
    --border: #E2E8F0;
    --border-strong: #CBD5E1;
    --accent: #2563EB;
    --accent-hover: #1D4ED8;
    --accent-text: #1D4ED8;
    --accent-soft: color-mix(in srgb, var(--accent) 12%, transparent);
    --focus: color-mix(in srgb, var(--accent) 50%, transparent);
    --shadow-sm: 0 1px 2px rgba(11, 21, 38, .06);
    --shadow-md: 0 10px 30px -16px rgba(11, 21, 38, .25);
    --shadow-lg: 0 30px 70px -30px rgba(11, 21, 38, .35);
    color-scheme: light;
}

[data-accent="blue"] {
    --accent: #2563EB;
    --accent-hover: #1D4ED8;
    --accent-text: #1D4ED8;
}

[data-accent="red"] {
    --accent: #DC2626;
    --accent-hover: #B91C1C;
    --accent-text: #B91C1C;
}

[data-accent="green"] {
    --accent: #15803D;
    --accent-hover: #166534;
    --accent-text: #166534;
}

[data-theme="dark"] {
    --bg: #080D17;
    --surface: #0F1726;
    --surface-2: #0B1320;
    --elevated: #131E31;
    --text: #E8EFFA;
    --muted: #9BAABF;
    --border: #1E2B42;
    --border-strong: #2C3D5A;
    --accent-soft: color-mix(in srgb, var(--accent) 22%, transparent);
    --shadow-sm: 0 1px 2px rgba(0,0,0,.4);
    --shadow-md: 0 14px 34px -18px rgba(0,0,0,.7);
    --shadow-lg: 0 36px 80px -36px rgba(0,0,0,.85);
    color-scheme: dark;
}

    [data-theme="dark"][data-accent="blue"] {
        --accent-text: #93C5FD;
    }

    [data-theme="dark"][data-accent="red"] {
        --accent-text: #FCA5A5;
    }

    [data-theme="dark"][data-accent="green"] {
        --accent-text: #86EFAC;
    }