/*
 * dnd-tokens.css — design tokens condivisi del sottodominio lab.d-nd.com
 *
 * Sorgente unica per:
 *   - palette (allineata a d-nd.com Chromatic Flux Engine v6.0 slate scale)
 *   - typography scale, radius, shadow
 *   - max-width canonical
 *
 * Da caricare PRIMA delle <style> inline su ogni pagina.
 * Le pagine possono ridefinire localmente solo dove serve (override esplicito,
 * non drift inconsapevole).
 *
 * Cambio token qui = propaga ovunque. Cambio inline = solo locale.
 */

:root {
  color-scheme: dark;

  /* === Palette void/panel === */
  --void: #08080c;
  --void-2: #0d0e14;
  --panel: #14151d;
  --panel-2: #1b1c25;

  /* === Linee === */
  --line: rgba(220, 222, 232, .14);
  --line-strong: rgba(220, 222, 232, .26);

  /* === Testo (slate-aligned con d-nd.com) === */
  --ink:          #fafafc;  /* slate-50  — headings */
  --text:         #dcdee6;  /* slate-200 — body */
  --text-strong:  #f0f0f5;  /* slate-100 — body su panel solido */
  --lead:         #c8cad7;  /* slate-300 — section lead */
  --muted:        #acafc0;  /* slate-400 — captions, meta */
  --dim:          #777d93;

  /* === Accent neon === */
  --cyan:    #22d3ee;
  --purple:  #a78bfa;
  --emerald: #34d399;
  --amber:   #fbbf24;
  --sky:     #38bdf8;
  --danger:  #fb7185;

  /* === Layout === */
  --max: 1180px;       /* canonical container — usato da home, d-nd-lab, scoperte, applications */
  --max-narrow: 1080px; /* pagine landing più strette (start.html) */
  --radius: 8px;
  --shadow: 0 24px 80px rgba(0, 0, 0, .48);
}