/* Tokens — tout le design part d'ici */
:root {
  --ground:     #0E0D1B;
  --ground-2:   #16152A;
  --text:       #E6E3F0;
  --muted:      #6B6880;
  --accent:     #8B7CF8;
  --accent-dim: rgba(139, 124, 248, 0.10);
  --accent-rim: rgba(139, 124, 248, 0.22);
  --cursor:     #F5E642;
  --grid:       rgba(139, 124, 248, 0.07);
  --success:    #4ADE80;

  --mono: "SFMono-Regular", "Menlo", "Monaco", "Consolas", monospace;
  --sans: "SF Pro Display", "Segoe UI", system-ui, -apple-system, sans-serif;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html, body {
  height: 100%;
  background: var(--ground);
  color: var(--text);
  font-family: var(--sans);
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  background-image:
    linear-gradient(var(--grid) 1px, transparent 1px),
    linear-gradient(90deg, var(--grid) 1px, transparent 1px);
  background-size: 44px 44px;
  pointer-events: none;
  z-index: 0;
}