:root,
:root[data-theme="blue"] {
    --color-primary: #2563eb;
    --color-primary-dark: #1d4ed8;
    --color-primary-soft: #dbeafe;
    --color-accent: #f97316;
    --color-accent-dark: #ea580c;
    --color-bg: #f5f7fb;
    --color-surface: #ffffff;
    --color-surface-alt: #eff4fb;
    --color-text: #172033;
    --color-muted: #667085;
    --color-border: #e2e8f0;
    --color-success: #10b981;
    --color-danger: #ef4444;
    --color-header: #ffffff;
    --color-footer: #111827;
    --color-footer-text: #d1d5db;
    --shadow-sm: 0 5px 18px rgba(30, 64, 175, .08);
    --shadow-md: 0 18px 50px rgba(30, 64, 175, .13);
    --hero-gradient: linear-gradient(125deg, #172554 0%, #2563eb 52%, #60a5fa 100%);
}

:root[data-theme="emerald"] {
    --color-primary: #059669;
    --color-primary-dark: #047857;
    --color-primary-soft: #d1fae5;
    --color-accent: #eab308;
    --color-accent-dark: #ca8a04;
    --color-bg: #f3f8f5;
    --color-surface: #ffffff;
    --color-surface-alt: #ecfdf5;
    --color-text: #15352b;
    --color-muted: #62746e;
    --color-border: #d8e8e0;
    --color-success: #10b981;
    --color-danger: #ef4444;
    --color-header: #ffffff;
    --color-footer: #0f2922;
    --color-footer-text: #cfe2dc;
    --shadow-sm: 0 5px 18px rgba(5, 150, 105, .08);
    --shadow-md: 0 18px 50px rgba(5, 150, 105, .14);
    --hero-gradient: linear-gradient(125deg, #064e3b 0%, #059669 55%, #34d399 100%);
}

:root[data-theme="graphite"] {
    --color-primary: #64748b;
    --color-primary-dark: #475569;
    --color-primary-soft: #334155;
    --color-accent: #38bdf8;
    --color-accent-dark: #0ea5e9;
    --color-bg: #0f172a;
    --color-surface: #182235;
    --color-surface-alt: #202c40;
    --color-text: #f8fafc;
    --color-muted: #a8b3c3;
    --color-border: #334155;
    --color-success: #34d399;
    --color-danger: #fb7185;
    --color-header: #111b2e;
    --color-footer: #070c16;
    --color-footer-text: #b9c3d2;
    --shadow-sm: 0 5px 18px rgba(0, 0, 0, .22);
    --shadow-md: 0 18px 50px rgba(0, 0, 0, .34);
    --hero-gradient: linear-gradient(125deg, #020617 0%, #334155 58%, #0ea5e9 130%);
}

:root[data-theme="orange"] {
    --color-primary: #f97316;
    --color-primary-dark: #ea580c;
    --color-primary-soft: #ffedd5;
    --color-accent: #7c3aed;
    --color-accent-dark: #6d28d9;
    --color-bg: #fff8f3;
    --color-surface: #ffffff;
    --color-surface-alt: #fff1e7;
    --color-text: #3b2417;
    --color-muted: #806a5c;
    --color-border: #f2ded0;
    --color-success: #16a34a;
    --color-danger: #dc2626;
    --color-header: #ffffff;
    --color-footer: #321b10;
    --color-footer-text: #ead9ce;
    --shadow-sm: 0 5px 18px rgba(194, 65, 12, .08);
    --shadow-md: 0 18px 50px rgba(194, 65, 12, .14);
    --hero-gradient: linear-gradient(125deg, #7c2d12 0%, #f97316 55%, #fb923c 100%);
}