/* ================================================================
   DriverMove — Design tokens condivisi v1.0
   File: /assets/tokens.css
   Data: 20 maggio 2026 (sessione token CSS pre-D2)

   COME FUNZIONA
   Linkato da tutte le pagine PRIMA dei <style> inline.
   I :root inline delle singole pagine, se presenti, hanno
   precedenza per via dell'ordine nel cascade. Quindi i token
   qui sotto vincono solo dove la pagina NON li ridichiara.

   Questo file introduce:
     - I nomi CANONICI del sistema design (--coral, --good-*,
       --warn-*, --teal-select, --bad-*).
     - Token BASE UI (--bg, --surface, --tx, ecc.) come default
       per nuovi componenti / pagine future.
     - Alias BACKWARD-COMPAT (--orange, --green, --amber, --red,
       --font-d, --font-b, --font-editorial) per facilitare la
       pulizia futura dei :root inline (rimuovibili in una sola
       sessione post-lancio senza rompere nulla).

   NON include: famiglie operatore (--fam-*), fuel (--eni-*,
   --q8-*), card di profilo (--dark-card*) — sono page-specific
   e restano nei :root inline delle rispettive pagine.
   ================================================================ */

:root {

  /* === BRAND === */
  --coral:         #D85A30;
  --coral-dark:    #993C1D;
  --coral-light:   #F0997B;
  --coral-soft:    #2A1812;
  --coral-soft-hi: #4A1B0C;

  /* === STATI SEMANTICI (sistema badge + interazione) === */

  /* Selezione / stato attivo */
  --teal-select:   #5BA0B5;

  /* Positivo / conferma / disponibile */
  --good:          #5BA571;
  --good-bg:       rgba(91, 165, 113, 0.15);
  --good-border:   rgba(91, 165, 113, 0.35);
  --good-text:     #82C594;

  /* Revisione / attenzione */
  --warn:          #CCA243;
  --warn-bg:       rgba(204, 162, 67, 0.15);
  --warn-border:   rgba(204, 162, 67, 0.35);
  --warn-text:     #E0BC6B;

  /* Errore / rosso (per simmetria, uso futuro) */
  --bad:           #E24B4A;
  --bad-bg:        rgba(226, 75, 74, 0.15);
  --bad-border:    rgba(226, 75, 74, 0.35);

  /* === BASE UI (default per pagine senza :root inline) === */
  --bg:            #1A1918;
  --surface:       #1F1D1B;
  --surface-hi:    #25221F;
  --border-base:   #2B2826;
  --border-hi:     #3A3633;
  --nav-bg:        #111110;

  /* === TIPOGRAFIA === */
  --tx:            #F2EFEC;
  --tx-dim:        #C9C3BD;
  --tx-mute:       #8A8480;
  --tx-faint:      #5F5A55;

  --font-display:  'Barlow Condensed', 'Arial Narrow', sans-serif;
  --font-body:     'DM Sans', system-ui, sans-serif;
  --font-brand:    'Fraunces', Georgia, serif;

  /* === ALIAS BACKWARD-COMPAT (rimuovibili in pulizia post-lancio) === */
  --orange:         var(--coral);
  --orange-dark:    var(--coral-dark);
  --orange-light:   var(--coral-light);
  --green:          var(--good);
  --green-pale:     var(--good-bg);
  --green-dark:     #3B8C4A;
  --amber:          var(--warn);
  --red:            var(--bad);
  --red-pale:       var(--bad-bg);
  --font-d:         var(--font-display);
  --font-b:         var(--font-body);
  --font-editorial: var(--font-brand);
}