:root {
    /* Light Mode (Default) */
    --bg-color: #f5f7fa;
    --header-bg: #fff;
    --text-color: #333;
    --text-secondary: #666;
    --card-bg: #fff;
    --slot-bg: #e0e0e0;
    --slot-border: #ccc;
    --hover-border: #888;
    --accent-color: #eec900;
    --border-color: #ddd;
    --shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

[data-theme='dark'] {
    /* Dark Mode Overrides */
    --bg-color: #1a1a1a;
    --header-bg: #222;
    --text-color: #f0f0f0;
    --text-secondary: #aaa;
    --card-bg: #222;
    --slot-bg: #333;
    --slot-border: #555;
    --hover-border: #aaa;
    --accent-color: #ffd700;
    --border-color: #444;
    --shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
}