:root {
    /* Dark theme (default) */
    --bg-primary: #0f0f0f;
    --bg-secondary: #1a1a1a;
    --text-primary: #ffffff;
    --text-secondary: #cbd5e0;
    --text-muted: #9ca3af;
    --accent-primary: #63b3ed;
    --accent-primary-rgb: 99, 179, 237;
    --accent-secondary: #4299e1;
    --card-bg: #1a1a1a;
    --card-border: rgba(255, 255, 255, 0.15);
    --shadow-color: rgba(0, 0, 0, 0.4);
    --shadow-hover: rgba(99, 179, 237, 0.2);
    --background-secondary: #222222;
}

html[data-theme="light"], [data-theme="light"] {
    --bg-primary: #fefefe;
    --bg-secondary: #f8fafc;
    --text-primary: #1f2937;
    --text-secondary: #4b5563;
    --text-muted: #6b7280;
    --accent-primary: #4299e1;
    --accent-primary-rgb: 66, 153, 225;
    --accent-secondary: #63b3ed;
    --card-bg: #ffffff;
    --card-border: rgba(0, 0, 0, 0.12);
    --shadow-color: rgba(0, 0, 0, 0.12);
    --shadow-hover: rgba(66, 153, 225, 0.15);
    --background-secondary: #f1f5f9;
}