:root, [data-theme="light"] {
    --bg:#FAFAF8; --bg-elevated:#FFFFFF; --bg-card:#FFFFFF;
    --text:#1A1A1A; --text-secondary:#666; --text-dim:#6E6E6E; --text-dim-legible:#6E6E6E;
    --orange:#F7931A; --orange-text:#B45309; --on-orange:#000;
    --purple:#7C4DBA; --green:#34C759; --red:#FF3B30; --gold:#B8860B;
    --border:#E8E6E2; --radius:20px;
    --bg-nav:rgba(250,250,248,0.85); --shadow-card:0 4px 20px rgba(0,0,0,0.06); --shadow-card-hover:0 12px 40px rgba(0,0,0,0.10);
    --map-land:#e3dbcb; --map-stroke:#cfc6b4; --map-ocean:#f4f1ea;
}
[data-theme="dark"] {
    --bg:#110E0C; --bg-elevated:#1A1614; --bg-card:#1C1815;
    --text:#F0F0F0; --text-secondary:#999; --text-dim:#8C8C8C; --text-dim-legible:#8C8C8C;
    --orange:#F7931A; --orange-text:#F7931A; --on-orange:#000;
    --purple:#9B6ED0; --green:#3ecf8e; --red:#e5484d; --gold:#E0B12E;
    --border:#2A2520; --radius:20px;
    --bg-nav:rgba(17,14,12,0.85); --shadow-card:0 8px 32px rgba(0,0,0,0.4); --shadow-card-hover:0 20px 60px rgba(0,0,0,0.6);
    --map-land:#3a322a; --map-stroke:#0f0c08; --map-ocean:#14110c;
}

@media (prefers-color-scheme: dark) {
  html:not([data-theme]) {
    --bg:#110E0C; --bg-elevated:#1A1614; --bg-card:#1C1815;
    --text:#F0F0F0; --text-secondary:#999; --text-dim:#8C8C8C; --text-dim-legible:#8C8C8C;
    --orange:#F7931A; --orange-text:#F7931A; --on-orange:#000;
    --purple:#9B6ED0; --green:#3ecf8e; --red:#e5484d; --gold:#E0B12E;
    --border:#2A2520; --radius:20px;
    --bg-nav:rgba(17,14,12,0.85); --shadow-card:0 8px 32px rgba(0,0,0,0.4); --shadow-card-hover:0 20px 60px rgba(0,0,0,0.6);
    --map-land:#3a322a; --map-stroke:#0f0c08; --map-ocean:#14110c;
  }
}