:root {
  /* Palette */
  --green-900: #0a3d22;  /* blocchi di identità (avatar), mai fondo di testo lungo */
  --green-500: #1f9d57;  /* blocchi grafici, pallini; non per testo piccolo */
  --green-300: #6fdc9a;  /* verde fosforo: prompt, etichette, numeri, cursore */
  --yellow-500: #ffd21f; /* giallo segnale: solo azioni e selezioni */
  --yellow-300: #ffe680; /* hover dei bottoni gialli */
  --black-950: #070a08;  /* fondo pagina */
  --black-900: #0e1411;  /* testo su giallo */
  --black-800: #19211c;  /* superfici rialzate */

  /* Semantici: usa questi nei componenti */
  --bg: var(--black-950);
  --surface: var(--black-800);
  --field: var(--black-950);     /* fondo input dentro una surface */
  --dot: #1c2620;                /* griglia di punti dello sfondo */
  --line: #26302a;               /* bordi 1px */
  --ink: #eef4ef;                /* testo principale (17:1 su bg) */
  --ink-muted: #9db0a3;          /* testo secondario (≥7:1) */
  --prompt: var(--green-300);
  --accent: var(--yellow-500);
  --on-accent: var(--black-900); /* testo su accent (13:1) */
  --focus: var(--green-300);

  /* Tipografia */
  --font-display: "Space Grotesk", system-ui, sans-serif;
  --font-text: Inter, system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;

  /* Spaziature */
  --space-1: 4px;  --space-2: 8px;  --space-3: 12px; --space-4: 16px;
  --space-6: 24px; --space-8: 32px; --space-16: 64px; --space-24: 96px;

  /* Raggi */
  --radius-xs: 4px; /* tag e chip */
  --radius-sm: 6px; /* card, bottoni, input, terminale: IL raggio di DPLabs */

  /* Ombre: solo queste due */
  --shadow-window: 0 30px 60px rgba(0, 0, 0, 0.5); /* solo il terminale dell'hero */
  --shadow-selected: inset 0 0 0 1px #ffd21f;      /* card selezionata */
}

body {
  background-color: var(--bg);
  background-image: radial-gradient(circle, var(--dot) 1px, transparent 1.2px);
  background-size: 24px 24px;
  color: var(--ink);
  font-family: var(--font-text);
  font-size: 16px;
  line-height: 1.6;
}