:root {
  /* Core palette — graphite + cyan X-Ray */
  --bg: #07080a;
  --bg-elevated: #0b0d11;
  --panel: #0d0f13;
  --panel-glass: rgba(13, 15, 19, 0.72);
  --panel-glass-strong: rgba(13, 15, 19, 0.88);
  --border: rgba(255, 255, 255, 0.08);
  --border-strong: rgba(255, 255, 255, 0.14);
  --border-cyan: rgba(98, 230, 255, 0.35);
  --text: #eef0f3;
  --text-secondary: #b8bcc4;
  --muted: #8a8f98;
  --muted-dark: #5c616a;

  /* X-Ray cyan system */
  --scan: #62e6ff;
  --scan-dim: rgba(98, 230, 255, 0.15);
  --scan-glow: rgba(98, 230, 255, 0.55);
  --scan-soft: rgba(98, 230, 255, 0.08);

  /* Semantic */
  --danger: #ff5f5f;
  --danger-dim: rgba(255, 95, 95, 0.12);
  --warn: #ffb85f;
  --warn-dim: rgba(255, 184, 95, 0.12);
  --good: #5fffa0;
  --good-dim: rgba(95, 255, 160, 0.12);
  --info: #7aa2ff;
  --info-dim: rgba(122, 162, 255, 0.12);

  /* Typography */
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: "SF Mono", "Fira Code", "Cascadia Code", ui-monospace, monospace;

  /* Radii & depth */
  --radius-sm: 8px;
  --radius: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-full: 9999px;

  --shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.25);
  --shadow: 0 12px 40px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 24px 60px rgba(0, 0, 0, 0.55);
  --glow-cyan: 0 0 24px rgba(98, 230, 255, 0.25);

  /* Motion */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --duration-fast: 180ms;
  --duration: 320ms;
  --duration-slow: 520ms;
}