/* ============================================================================
 * ONIRIKA — DESIGN TOKENS
 * Fonte unica di verità per colori, tipografia, scala e spaziatura.
 * Riferimento: SPEC.md §1 (Design tokens).
 *
 * REGOLA: tutto il CSS dei componenti consuma SOLO queste variabili.
 * Niente hex sparsi nei template/componenti.
 *
 * NOTA (SPEC §1, nota post-audit): questi token AFFIANCANO le variabili
 * dinamiche --onirika-* (gradiente orario, definite in style.css e scritte
 * da orologio-onirika.js). Non le sostituiscono: servono ancora allo sfondo.
 * La migrazione degli hex sparsi e dei blocchi <style> inline verso questi
 * token è progressiva, una pagina per fase.
 * ========================================================================== */

:root {
  /* === 1.1 COLORI ====================================================== */

  /* Accenti semantici */
  --c-accent:    #00FF9C; /* verde — sistema, stato standard/attivo */
  --c-alert:     #FF4D6D; /* rosso — classificazione ESTREMO / critico */
  --c-domain:    #FFD166; /* giallo — dominio / condizione atmosferica */
  --c-presence:  #9A9AE0; /* viola — categoria Presenze */

  /* Testo */
  --c-ink:        #E8E8E0;                 /* testo corrente */
  --c-ink-bright: #F0F0E8;                 /* titoli */
  --c-ink-dim:    rgba(232,232,224,0.45);  /* metadati, secondario */

  /* Linee/bordi */
  --c-hairline:   rgba(0,255,156,0.10);
  --c-hairline-2: rgba(0,255,156,0.18);

  /* Overlay sopra il gradiente orario (garantisce contrasto a ogni fase) */
  --c-overlay-console: rgba(0,0,0,0.60);
  --c-overlay-reading: rgba(0,0,0,0.74);

  /* === 1.2 TIPOGRAFIA ================================================== */

  /* Famiglie (font self-hosted — vedi onirika-fonts.css).
     Fallback di sistema garantiscono leggibilità finché i woff2 non sono serviti. */
  --font-mono:  'Share Tech Mono', ui-monospace, 'Courier New', monospace;
  --font-serif: 'EB Garamond', Georgia, 'Times New Roman', serif;

  /* Scala tipografica */
  --fs-meta:    10px;  /* mono, metadati minimi */
  --fs-label:   11px;  /* mono, nav/label */
  --fs-subhead: 12px;  /* mono, sottotitoli sezione */
  --fs-stat:    18px;  /* mono, contatori */
  --fs-name:    17px;  /* serif, nome reperto in liste */
  --fs-lede:    20px;  /* serif italic, occhiello di lettura */
  --fs-body:    18px;  /* serif, corpo lettura — line-height 1.75 */
  --fs-title:   40px;  /* serif, titolo vista di lettura */

  /* === 1.3 SPAZIATURA (scala base 4px) ================================ */
  --s1: 4px;
  --s2: 8px;
  --s3: 12px;
  --s4: 16px;
  --s5: 24px;
  --s6: 32px;
  --s7: 48px;
}