/* Token-uri temă — light / dark pe html[data-theme] */

[data-theme="dark"] {
    color-scheme: dark;
    --bg: #0f1419;
    --panel: #151b23;
    --border: #2a3441;
    --text: #e7ecf3;
    --muted: #8b9cb3;
    --accent: #3b82f6;
    --accent-soft: rgba(59, 130, 246, 0.15);
    --hover-bg: rgba(255, 255, 255, 0.04);
    --surface-glass: rgba(15, 20, 25, 0.45);
    --surface-glass-border: rgba(255, 255, 255, 0.1);
    --ctrl-bg: rgba(15, 20, 25, 0.4);
    --ctrl-border: rgba(255, 255, 255, 0.15);
    --ctrl-shadow: rgba(0, 0, 0, 0.3);
    --backdrop: rgba(0, 0, 0, 0.45);
    --map-bg: #0c1015;
    --popup-bg: rgba(21, 27, 35, 0.95);
    --hud-text: #8b9cb3;
    --hud-text-strong: #e7ecf3;
    --hud-text-alt: #cbd5e1;
    --text-shadow: 0 1px 4px rgba(0, 0, 0, 0.9);
}

[data-theme="light"] {
    color-scheme: light;
    --bg: #f0f2f5;
    --panel: #ffffff;
    --border: #d8dee6;
    --text: #1a2332;
    --muted: #5c6b7f;
    --accent: #2563eb;
    --accent-soft: rgba(37, 99, 235, 0.1);
    --hover-bg: rgba(0, 0, 0, 0.04);
    --surface-glass: rgba(255, 255, 255, 0.82);
    --surface-glass-border: rgba(0, 0, 0, 0.08);
    --ctrl-bg: rgba(255, 255, 255, 0.88);
    --ctrl-border: rgba(0, 0, 0, 0.12);
    --ctrl-shadow: rgba(0, 0, 0, 0.12);
    --backdrop: rgba(0, 0, 0, 0.35);
    --map-bg: #e8ecf0;
    --popup-bg: rgba(255, 255, 255, 0.97);
    --hud-text: #5c6b7f;
    --hud-text-strong: #1a2332;
    --hud-text-alt: #3d4f63;
    --text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8);
}