/* css/tokens.css — Palette e tipografia "AI Lab". SORGENTE UNICA (sync verso tech/ via scripts/sync-shared.ps1). */
:root {
  /* Superfici (base tecnica profonda) */
  --surface: #080b0f;
  --surface-alt: #0d1218;
  --surface-panel: #111923;
  --surface-glass: rgba(17, 25, 35, .72);
  /* Inchiostri */
  --ink: #f3f7f4;
  --ink-soft: #b8c4be;
  --ink-muted: #7f8d88; /* WCAG AA su tutti i fondi (5.1-5.7:1) */
  --ink-faint: #738780; /* schiarito da #52605b (stessa tinta) per WCAG AA: min 4.64:1 su surface-panel */
  /* Linee */
  --rule: rgba(184, 196, 190, .16);
  --grid-line: rgba(99, 255, 219, .08);
  /* Font */
  --font-serif: 'EB Garamond', Georgia, 'Times New Roman', serif;
  --font-sans:  'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono:  'IBM Plex Mono', 'Courier New', monospace;
  --font-display: var(--font-sans);
  /* Spaziature */
  --s1: 4px;  --s2: 8px;  --s3: 12px; --s4: 16px;
  --s5: 24px; --s6: 32px; --s7: 48px; --s8: 64px;
  /* Raggi */
  --r0: 0; --r1: 2px; --r2: 4px; --r3: 8px;
  --r4: 16px; /* immagini e riquadri grandi: sotto i 16px il raggio non si legge */
  /* Ombre */
  --shadow-card: 0 4px 24px rgba(0, 0, 0, 0.45);
  /* Profondità pannelli: luce sottile dall'alto (bordo superiore) + drop morbido */
  --shadow-panel: inset 0 1px 0 rgba(255, 255, 255, .045), 0 10px 30px -14px rgba(0, 0, 0, .70);
  --shadow-hover: inset 0 1px 0 rgba(255, 255, 255, .075), 0 22px 46px -18px rgba(0, 0, 0, .78);
  /* Anello di focus/accento riusabile (accessibilità + stato attivo) */
  --ring: 0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);
  /* Colori di STATO (non accenti) */
  --ok: #22c55e;
  --alert: #ef4444;
  /* Accenti elettrici (segnalano funzione/stato, non decorano ogni titolo) */
  --accent: #4fffd8;
  --accent-2: #a7ff3f;
  --accent-3: #ffb000;
  --material: #c46f4b;
  --accent-ink: #06100d; /* testo leggibile sopra l'accento */
}

/* Tema per dominio: cambia gli accenti primario/secondario e font display */
/* .it — direzione «teatro spento» (31/08/2026). L'accento primario passa dal ciano elettrico
   alla terracotta che era gia' qui come --material e non veniva mai usata come colore guida.
   ⚠️ Il ciano non e' stato spostato in seconda fila: e' USCITO. Un accento solo e' la
   decisione, non una gerarchia di due — --accent-2 ripete l'accento perche' le regole che lo
   citano continuino a funzionare senza reintrodurre di straforo il colore che si e' tolto.
   Il carattere di testo passa da Inter a Manrope, gia' scaricato in lib/fonts: zero peso in
   piu' e una voce meno neutra. Il display resta il serif, ma in tondo (vedi site.css). */
[data-site="it"] {
  --accent: #c46f4b;
  --accent-2: #c46f4b;
  --accent-ink: #14100d;   /* testo sopra la terracotta: bruno scuro, non il verde-nero del ciano */
  --font-display: var(--font-serif);
  --font-sans: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;
  /* Fondi appena piu' caldi: il quasi-nero bluastro leggeva «pannello di controllo».
     Lo scarto e' piccolo di proposito — si sente, non si nota. */
  --surface: #0f1113;
  --surface-alt: #14171a;
  --surface-panel: #14171a;
  --surface-glass: #14171a; /* niente piu' vetro: opaco, cosi' nessun backdrop-filter serve */
  --ink: #ecebe8;
  --ink-soft: #b3afa9;
  --ink-muted: #928d86;     /* AA su tutti i fondi .it (4.9:1 su --surface) */
  --ink-faint: #85807a;     /* AA su --surface-panel (4.6:1) */
  --rule: rgba(236, 235, 232, .14);
  --grid-line: rgba(236, 235, 232, .10); /* la riga sotto la barra: neutra, non ciano */
}
[data-site="tech"] { --accent: #a7ff3f; --accent-2: #4fffd8; --font-display: var(--font-sans); }  /* verde + cyan, font display sans */