/* =====================================================================
   BLUEJACK BOARDROOM DESIGN TOKENS (Editorial Paper, Hairlines, Newsreader + DM Sans)
   Ispirato a: me.thebluejackgroup.com — Zero colori superflui, purezza editoriale
   ===================================================================== */

:root {
  /* ---------- Palette Bluejack Boardroom Originale ---------- */
  --paper: #FDFDFB;
  --paper-dim: #F8F8F5;
  --ink: #14181E;
  --muted: #565E68;
  --faint: #9AA1A9;
  --line: rgba(20,24,30,.12);
  --line-soft: rgba(20,24,30,.07);
  --card: #FFFFFF;
  --red: #C0392B;
  --red-bright: #D91E36;
  --red-wash: #FAEDEB;
  --blue: #185FA5;
  --good: #1E7A46;
  --good-wash: #EAF5EE;
  --warn: #A66A00;
  --warn-wash: #FBF3E2;
  --serif: 'Newsreader', Georgia, 'Times New Roman', serif;
  --sans: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* ---------- Mappatura Token Standard su Palette Bluejack ---------- */
  --fd-inchiostro:   var(--ink);
  --fd-matita:       var(--muted);
  --fd-grafite:      var(--faint);

  --fd-spento:        var(--faint);
  --fd-spento-icona:  var(--faint);
  --fd-spento-segno:  var(--line);
  --fd-spento-rgb:    154,161,169;

  /* Superfici */
  --fd-tavolo:     var(--paper);
  --fd-foglio:     var(--card);
  --fd-carta:      var(--paper-dim);
  --fd-pozzetto:   var(--paper-dim);
  --fd-solco:      var(--line);
  --fd-punto:      var(--faint);
  --fd-tratteggio: var(--line);
  --fd-filo:       var(--line);
  --fd-vinile:     var(--ink);

  /* Accento Primario: Bluejack Red (nessun giallo fluo o oro strillato) */
  --fd-oro:          var(--red);
  --fd-oro-filo:     var(--line);
  --fd-oro-brunito:  var(--ink);
  --fd-oro-riflesso: transparent;
  --fd-oro-rgb:      192,57,43;

  /* Segnali sobri e misurati */
  --fd-allerta:     var(--red);
  --fd-attenzione:  var(--warn);
  --fd-flusso:      var(--ink);
  --fd-regolare:    var(--good);
  --fd-aria:        var(--muted);
  --fd-voce:        var(--ink);
  --fd-allerta-rgb:  192,57,43;
  --fd-flusso-rgb:   20,24,30;
  --fd-regolare-rgb: 30,122,70;
  --fd-aria-rgb:     86,94,104;
  --fd-voce-rgb:     20,24,30;

  /* Tipografia: Newsreader (titoli/prosa) + DM Sans (dati/interfaccia) */
  --fd-font-testo:  var(--sans);
  --fd-font-titoli: var(--serif);
  --fd-font-dati:   var(--sans);
  --fd-fs-apertura:  28px;
  --fd-fs-numero:    48px;
  --fd-fs-valore:    26px;
  --fd-fs-titolo:    20px;
  --fd-fs-cifra:     15.5px;
  --fd-fs-nome:      14px;
  --fd-fs-sommario:  14px;
  --fd-fs-etichetta: 11.5px;
  --fd-fs-occhiello: 11px;
  --fd-fw-regular: 400;
  --fd-fw-medium:  500;
  --fd-fw-bold:    700;
  --fd-fw-black:   800;
  --fd-fw-heavy:   900;
  --fd-ls-occhiello: .14em;
  --fd-lh-testo: 1.55;
  --fd-lh-titolo: 1.35;
  --fd-lh-compatto: 1.35;

  /* Raggi e Linee Pulite */
  --fd-r-scheda:  4px;
  --fd-r-comando: 4px;
  --fd-r-dato:    4px;
  --fd-r-tessera: 4px;
  --fd-r-icona:   4px;
  --fd-r-stato:   4px;
  --fd-r-pill:    4px;

  /* Ombre discrete */
  --fd-ombra-scheda: 0 1px 3px rgba(20,24,30,.05);
  --fd-ombra-disco:  0 1px 3px rgba(20,24,30,.08);
  --fd-bagliore:     none;
  --fd-r-icona:   4px;
  --fd-r-stato:   4px;
  --fd-r-pill:    4px;

  /* ---------- Spazi ---------- */
  --fd-s1: 4px; --fd-s2: 6px; --fd-s3: 8px; --fd-s4: 10px;
  --fd-s5: 12px; --fd-s6: 14px; --fd-s7: 16px; --fd-s8: 18px;

  /* ---------- Ombre e Linee Pulite (Nessun bagliore al neon) ---------- */
  --fd-ombra-scheda: 0 1px 3px rgba(20,24,30,0.04);
  --fd-ombra-disco:  0 1px 2px rgba(20,24,30,0.06);
  --fd-bagliore:        none;
  --fd-bagliore-scheda: none;

  /* ---------- Movimento ---------- */
  --fd-ease-out:  cubic-bezier(.2,.8,.2,1);  /* arrivi, riempimenti    */
  --fd-ease-draw: cubic-bezier(.4,0,.2,1);   /* linee che si tracciano */
  --fd-t-pressione:   .18s;
  --fd-t-colore:      .4s;
  --fd-t-ingresso:    .5s;
  --fd-t-scheda:      .6s;
  --fd-t-riempimento: 1.2s;
  --fd-cascata:       55ms;  /* ritardo tra elementi in sequenza */

  /* ---------- Nastro: il filo d'accento in cima alla scheda ---------- */
  --fd-nastro: 5px;

  color-scheme: light;
}

/* ---------- Tema scuro ---------- */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --fd-inchiostro: #E7EAED; --fd-matita: #A3AAB1; --fd-grafite: #7F8790; --fd-spento: #7A828A;
    --fd-spento-icona: #7A828A; --fd-spento-segno: #5E656C; --fd-punto: #4A5056; --fd-tratteggio: #5A626B;
    --fd-solco: #33383D; --fd-pozzetto: #30353A; --fd-carta: #24282C; --fd-foglio: #1A1D20;
    --fd-tavolo: #111315; --fd-filo: rgba(255,255,255,.07);
    --fd-oro-brunito: #FFC400;
    --fd-ombra-scheda: 0 2px 14px rgba(0,0,0,.45);
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --fd-inchiostro: #E7EAED; --fd-matita: #A3AAB1; --fd-grafite: #7F8790; --fd-spento: #7A828A;
  --fd-spento-icona: #7A828A; --fd-spento-segno: #5E656C; --fd-punto: #4A5056; --fd-tratteggio: #5A626B;
  --fd-solco: #33383D; --fd-pozzetto: #30353A; --fd-carta: #24282C; --fd-foglio: #1A1D20;
  --fd-tavolo: #111315; --fd-filo: rgba(255,255,255,.07);
  --fd-oro-brunito: #FFC400;
  --fd-ombra-scheda: 0 2px 14px rgba(0,0,0,.45);
  color-scheme: dark;
}