/* MapFun — Observatory theme (dark, default). Near-black sky, deep blue-black ocean, slate land, cyan accent. */
:root, :root[data-theme="observatory"] {
  color-scheme: dark;
  --bg: #070b14;
  --bg-elev: #0c1220;
  --panel: rgba(12, 18, 32, 0.84);
  --panel-solid: #0e1526;
  --panel-border: rgba(140, 180, 220, 0.14);
  --ink: #e6edf7;
  --ink-muted: #8b98ae;
  --ink-faint: #7f8ba0;   /* ≥ 4.5:1 on --bg for the 10–11 px labels that use it */
  --accent: #4fd8ff;
  --accent-ink: #06202b;
  --accent-soft: rgba(79, 216, 255, 0.16);
  --danger: #ff7a7a;

  /* map colours (read by the vector layer) */
  --ocean: #0b1626;
  --ocean-deep: #060d19;
  --land: #2a3b45;
  --land-stroke: rgba(130, 205, 230, 0.42);  /* coastline reads stronger than interior borders */
  --border: rgba(126, 206, 235, 0.26);
  --border-strong: rgba(150, 220, 245, 0.7);
  --graticule: rgba(140, 175, 215, 0.13);
  --graticule-minor: rgba(140, 175, 215, 0.06);
  --sphere-stroke: rgba(120, 190, 235, 0.55);
  --label: #d4e4f5;
  --label-halo: rgba(7, 11, 20, 0.85);
  --hover: rgba(79, 216, 255, 0.18);
  --selection: rgba(79, 216, 255, 0.34);
  --selection-glow: rgba(79, 216, 255, 0.75);
  --atmosphere: rgba(79, 216, 255, 0.55);
  --limb: rgba(3, 6, 14, 0.55);

  --shadow: 0 10px 34px rgba(0, 0, 0, 0.45), 0 1px 0 rgba(255, 255, 255, 0.04) inset;
  --paper-texture: none;
  --font-ui: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-display: 'Space Grotesk', var(--font-ui);
  --font-label: var(--font-ui);
}