/* Gemdar's shared palette and typography: "sapphire sonar", navy with an ice-blue accent. */
:root {
  --bg: #0a0f1a; --panel: #111827; --panel-2: #172033; --input: #0d1422;
  --line: #22304a; --line-2: #2f3f5e; --text: #eef3fb; --soft: #c3cde0;
  --muted: #8e9ab3; --faint: #6b7892; --white: #eef3fb;
  --accent: #6cc8ff; --accent-hover: #92d8ff; --accent-dim: #13263b; --ink: #06223a;
  /* accent tints for borders, washes and focus rings; text on the accent card */
  --accent-line: #2d5677; --accent-wash: #13263b80; --accent-ring: #6cc8ff40; --accent-tile: #173452;
  --accent-glow: #16304e80; --ink-muted: #2c5a7c; --ink-hover: #0b3150;
  --line-hover: #3d4f70; --panel-hover: #1b2538; --grid: #22304a66;
  /* X's own checkmark blue, kept distinct from the ice-blue accent */
  --x-blue: #1d9bf0; --x-grey: #a5b5c4; --danger: #ff9191;
  --mono: "JetBrains Mono", ui-monospace, Consolas, monospace;
  --display: "Space Grotesk", "Inter", system-ui, sans-serif;
  color-scheme: dark;
}
* { box-sizing: border-box; }
html { background: var(--bg); }
body { margin: 0; color: var(--text); background: var(--bg); font: 14px/1.55 "Inter", system-ui, -apple-system, "Segoe UI", sans-serif; }
a { color: inherit; }
::selection { color: var(--ink); background: var(--accent); }
:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
[hidden] { display: none !important; }
.skip-link { position: fixed; top: -80px; left: 16px; z-index: 200; padding: 12px 18px; border-radius: 8px; color: var(--ink); background: var(--accent); }
.skip-link:focus { top: 12px; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
}