/* ═══════════════════════════════════════════════════ PHANTOM ZENITH ORIGIN — DESIGN TOKENS assets/css/tokens.css ───────────────────────────────────────────────── Single source of truth for all CSS custom properties. Link this first in every page's . ═══════════════════════════════════════════════════ */ :root { /* ── Backgrounds ── */ --bg-deep: #080d14; --bg-panel: #0f1923; --bg-surface: #1a2535; /* ── Borders ── */ --border: #1e3a4a; --border-dim: #162030; /* ── Accent palette ── */ --cyan: #22d3ee; --cyan-dim: #0e7490; --cyan-glow: rgba(34, 211, 238, 0.12); --teal: #5eead4; --orange: #fdba74; --fuchsia: #f0abfc; --red: #ef4444; --red-dim: #f87171; --green: #22c55e; --green-dim: #86efac; --blue: #3b82f6; --purple: #a855f7; --yellow: #eab308; --amber: #f59e0b; --gold: #d4c494; /* ── Text ── */ --text-hi: #e2e8f0; --text-mid: #94a3b8; --text-lo: #475569; /* ── Typography ── */ --mono: 'Share Tech Mono', monospace; --body: 'Exo 2', sans-serif; /* ── World Map ── */ --map-grid: #1dc485; /* mint-teal grid lines + coastlines */ --map-land: #0d1117; /* landmass background */ --map-sea: #0b313b; /* sea fill (rendered at 40% opacity in SVG) */ --map-bg: #0a0e12; /* map container background */ --map-border: #1a2030; /* map container border */ /* ── Landmark types (world map only) ── */ --landmark-city: #c8b832; --landmark-city-label: #e8d84a; --landmark-region: #00d4ff; /* more saturated than --cyan; region/survey accent */ --landmark-location-label: #c8b862; --landmark-hotzone: #ff3344; --landmark-hotzone-label: #ff5566; }