:root {
    /* === Heater Dark Orange Theme === */
    --color-bg: #000;
    --color-surface: #1a1a1a;
    --color-text: #fff;
    --color-muted: #888;
    --color-accent: #ff8c00;
    --radius-large: 40px;
    --radius-small: 8px;
    --shadow-soft: 0 0 30px rgba(255, 255, 255, 0.1);
}

/* (optional) Light Theme for future switching */
[data-theme='light'] {
    --color-bg: #f7f7f7;
    --color-surface: #fff;
    --color-text: #111;
    --color-muted: #555;
    --color-accent: #ff8c00;
}