:root,
[data-theme="light"] {
    color-scheme: light;
    --bg-body: #f8fafc;
    --bg-card: #ffffff;
    --bg-ui: #f1f5f9;
    --bg-hover: #e2e8f0;
    --border: #e2e8f0;
    --border-strong: #cbd5e1;
    --input-bg: #ffffff;
    
    --text-main: #334155;
    --text-heading: #0f172a;
    --text-muted: #64748b;
    
    --brand-base: #4f46e5;
    --brand-hover: #4338ca;
    --brand-surface: #eef2ff;
    --brand-text: #3730a3;

    --fixed-base: #2563eb;
    --fixed-surface: #eff6ff;
    --routine-base: #059669;
    --routine-surface: #ecfdf5;
    --auto-base: #7c3aed;
    --auto-surface: #f5f3ff;
    --relax-base: #ea580c;
    --relax-surface: #fff7ed;

    --badge-success-bg: #ecfdf5;
    --badge-success-text: #047857;
    --badge-danger-bg: #fef2f2;
    --badge-danger-text: #b91c1c;
    --badge-warning-bg: #fffbeb;
    --badge-warning-text: #b45309;
}

[data-theme="sepia"] {
    color-scheme: light;
    --bg-body: #fbf7ee;
    --bg-card: #f4ecd8;
    --bg-ui: #eae0c8;
    --bg-hover: #ded2b5;
    --border: #dcd0b5;
    --border-strong: #c8b997;
    --input-bg: #fbf7ee;

    --text-main: #4a3e2d;
    --text-heading: #261d11;
    --text-muted: #7d6f58;

    --brand-base: #9a5b13;
    --brand-hover: #7c470b;
    --brand-surface: #faeed9;
    --brand-text: #593204;

    --fixed-base: #854d0e;
    --fixed-surface: #fef9c3;
    --routine-base: #15803d;
    --routine-surface: #dcfce7;
    --auto-base: #7e22ce;
    --auto-surface: #f3e8ff;
    --relax-base: #c2410c;
    --relax-surface: #ffedd5;

    --badge-success-bg: #dcfce7;
    --badge-success-text: #166534;
    --badge-danger-bg: #fee2e2;
    --badge-danger-text: #991b1b;
    --badge-warning-bg: #fef3c7;
    --badge-warning-text: #92400e;
}

[data-theme="dark"] {
    color-scheme: dark;
    --bg-body: #0b0f19;
    --bg-card: #111827;
    --bg-ui: #1f2937;
    --bg-hover: #374151;
    --border: #1f2937;
    --border-strong: #374151;
    --input-bg: #0b0f19;

    --text-main: #94a3b8;
    --text-heading: #f8fafc;
    --text-muted: #64748b;

    --brand-base: #6366f1;
    --brand-hover: #818cf8;
    --brand-surface: #1e1b4b;
    --brand-text: #c7d2fe;

    --fixed-base: #3b82f6;
    --fixed-surface: #172554;
    --routine-base: #10b981;
    --routine-surface: #022c22;
    --auto-base: #a855f7;
    --auto-surface: #2e1065;
    --relax-base: #f97316;
    --relax-surface: #431407;

    --badge-success-bg: rgba(16, 185, 129, 0.15);
    --badge-success-text: #34d399;
    --badge-danger-bg: rgba(239, 68, 68, 0.15);
    --badge-danger-text: #f87171;
    --badge-warning-bg: rgba(245, 158, 11, 0.15);
    --badge-warning-text: #fbbf24;
}

body {
    background-color: var(--bg-body);
    color: var(--text-main);
    transition: background-color 0.2s ease, color 0.2s ease;
}