:root {
    --primary-color: #0f172a;
    /* Slate 900 */
    --secondary-color: #3b82f6;
    /* Blue 500 */
    --bg-color: #ffffff;
    --text-color: #334155;
    --light-bg: #f8fafc;
}

[data-theme="dark"] {
    --primary-color: #ffffff;
    --secondary-color: #60a5fa;
    --bg-color: #0f172a;
    --text-color: #cbd5e1;
    --light-bg: #1e293b;
}

[data-theme="green"] {
    --primary-color: #064e3b;
    --secondary-color: #10b981;
    --bg-color: #ffffff;
    --text-color: #334155;
    --light-bg: #f0fdf4;
}