/* Void UI — tokens de base au style Voidlabs (à copier une fois dans ton projet).
   Le vide, et un peu de lumière violette et cyan. Nunito est fournie dans le dossier. */
@font-face { font-family: "Nunito"; font-weight: 600; font-display: swap; src: url("nunito-600.ttf") format("truetype"); }
@font-face { font-family: "Nunito"; font-weight: 800; font-display: swap; src: url("nunito-800.ttf") format("truetype"); }

:root {
  --bg: #07060f;
  --deep: #0d0b1c;
  --surface: #110e24;
  --surface-2: #171330;
  --border: rgba(160, 140, 255, 0.14);
  --border-2: rgba(160, 140, 255, 0.3);
  --text: #f0eeff;
  --muted: #a7a1cf;
  --dim: #6c6796;
  --accent: #9a6cff;
  --accent-2: #5fe8f0;
  --grad: linear-gradient(100deg, #9a6cff, #5fe8f0);
  --accent-ink: #07060f;
  --accent-soft: rgba(154, 108, 255, 0.1);
  --accent-glow: rgba(154, 108, 255, 0.35);
  --green: #4ade80;
  --red: #f87171;
  --orange: #fbbf24;
  --blue: #5fe8f0;
  --radius: 18px;
  --radius-sm: 12px;
  --font: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --mono: ui-monospace, "SF Mono", "Cascadia Code", Consolas, monospace;
}

*, *::before, *::after { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font: 600 16px/1.6 var(--font);
  -webkit-font-smoothing: antialiased;
}