/* Light Theme */
[data-theme="light"] {
    --color-base: #F7F8FC;
    --color-surface-1: #FFFFFF;
    --color-surface-2: #F0F2F7;
    --color-surface-3: #E8EBF2;
    --color-border: #D4D9E4;
    --color-text-primary: #1A1D2E;
    --color-text-secondary: #5A6178;
    --color-accent: #4A7AF5;
    --color-accent-warm: #E07B2A;
    --color-positive: #2DB872;
    --color-danger: #E04545;
    --color-focus: #5A9AFF;
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.15);
}

/* System preference detection */
@media (prefers-color-scheme: light) {
    [data-theme="system"] {
        --color-base: #F7F8FC;
        --color-surface-1: #FFFFFF;
        --color-surface-2: #F0F2F7;
        --color-surface-3: #E8EBF2;
        --color-border: #D4D9E4;
        --color-text-primary: #1A1D2E;
        --color-text-secondary: #5A6178;
        --color-accent: #4A7AF5;
        --color-accent-warm: #E07B2A;
        --color-positive: #2DB872;
        --color-danger: #E04545;
        --color-focus: #5A9AFF;
        --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.08);
        --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.1);
        --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.15);
    }
}