/* Tokens du design system SEICHO — extraits de design-system.html.
   Bleu-nuit + cyan électrique + lime data. Ne pas dupliquer ailleurs. */
:root {
  /* Couleurs de fond (du plus sombre au plus clair) */
  --night-950: #060a15;
  --night-900: #0a1020; /* fond de page */
  --night-850: #0e1526; /* surface carte */
  --night-800: #131b30;
  --night-700: #17223c;

  /* Bordures */
  --border: #223150;
  --border-soft: #1a2740;
  --border-input: #263657;
  --border-hairline: #16223c;

  /* Accents */
  --cyan: #00e5ff;      /* primaire */
  --cyan-600: #00b8d4;
  --lime: #b4ff33;      /* data / succès */

  /* Texte */
  --text-hi: #e8f0ff;
  --text-mid: #94a6c8;
  --text-muted: #5d6f92;
  --text-faint: #3f4d68;

  /* Sémantique */
  --info: #00e5ff;
  --success: #b4ff33;
  --warning: #ffb020;
  --danger: #ff5470;
  --danger-soft: #ff7d92;

  /* Rayons */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 20px;

  /* Ombres */
  --shadow-card: 0 4px 14px rgba(0, 0, 0, .5);
  --shadow-modal: 0 12px 34px rgba(0, 0, 0, .6);
  --glow-cyan: 0 0 26px rgba(0, 229, 255, .35);
  --glow-cyan-strong: 0 0 0 1px rgba(0, 229, 255, .5), 0 0 26px rgba(0, 229, 255, .4);

  /* Espacements (base 4px) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;

  /* Typographie */
  --font-display: 'Space Grotesk', system-ui, sans-serif;
  --font-body: 'Manrope', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;
}