/* ============================================================
   Token di brand — TecnoLab Stand · TEMA CHIARO
   UNICA fonte di colori, font, raggi, ombre e transizioni per il
   frontend e per il template PDF (app/templates/pdf/brand.css
   importa questo file, copiato nell'immagine backend in build).
   Derivato dall'handoff frontend/public/assets/design/tokens.css
   (2026-08-26). Nessun altro file dichiara questi valori.

   Font serviti in locale da assets/brand/fonts/ — mai via CDN:
   il generatore PDF non dipende dalla rete (url_fetcher locale).
   Archivo sostituisce DIN 2014 (non licenziabile per il web);
   quando arriveranno i file DIN 2014, si aggiungono qui le
   @font-face e si aggiorna --font-display.
   ============================================================ */

/* ---------- Archivo (titoli, label) ---------- */
@font-face {
  font-family: "Archivo";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("./fonts/archivo-400.woff") format("woff");
}
@font-face {
  font-family: "Archivo";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("./fonts/archivo-500.woff") format("woff");
}
@font-face {
  font-family: "Archivo";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("./fonts/archivo-600.woff") format("woff");
}
@font-face {
  font-family: "Archivo";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("./fonts/archivo-700.woff") format("woff");
}
@font-face {
  font-family: "Archivo";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("./fonts/archivo-800.woff") format("woff");
}

/* ---------- Lato (body) ---------- */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("./fonts/lato-300.woff") format("woff");
}
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("./fonts/lato-400.woff") format("woff");
}
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("./fonts/lato-400-italic.woff") format("woff");
}
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("./fonts/lato-700.woff") format("woff");
}
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("./fonts/lato-700-italic.woff") format("woff");
}
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("./fonts/lato-900.woff") format("woff");
}

:root {
  /* ===== Brand base ===== */
  --tl-ink: #030712;      /* testo e accenti scuri (era lo sfondo del tema scuro) */
  --tl-orange: #E88300;   /* accent */
  --tl-olive: #AEAC93;    /* neutro brand */
  --tl-white: #FFFFFF;    /* superfici */

  /* Orange scale */
  --tl-orange-700: #B96700;
  --tl-orange-500: #F59321;

  /* Ink / neutral scale */
  --tl-ink-800: #16181F;
  --tl-gray-600: #55575E;
  --tl-gray-500: #6B6D74;
  --tl-gray-400: #9A9B9F;
  --tl-gray-300: #C9CAC8;
  --tl-gray-200: #E6E4DE;
  --tl-gray-100: #F4F1EA;  /* fondo pagina */

  --border-hairline: rgba(3, 7, 18, 0.14);
  --focus-ring: rgba(232, 131, 0, 0.45);

  /* ===== Raggi ===== */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-xl: 28px;

  /* ===== Ombre / movimento ===== */
  --shadow-md: 0 10px 30px rgba(3, 7, 18, 0.10);
  --shadow-lg: 0 24px 60px rgba(3, 7, 18, 0.16);
  --ease-standard: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur: 240ms;

  /* ===== Tipografia ===== */
  --font-display: "Archivo", "DIN 2014", "Arial Narrow", sans-serif;
  --font-body: "Lato", system-ui, -apple-system, sans-serif;
  --track-label: 0.14em;
  --track-kicker: 0.12em;

  /* ===== Integrazioni interne (rosso, variante C: riga dedicata con
     bordo-accento, icona ed etichetta "Aggiunto da TecnoLab") ===== */
  --tl-flag: #C4262E;
  --tl-flag-tint: rgba(196, 38, 46, 0.08);

  /* ===== Validazione form ===== */
  --tl-danger: #C4262E;
  --tl-danger-tint: #FBE9E9;

  /* ===== Esito positivo ===== */
  --tl-ok: #2E9040;

  /* ===== Stati dashboard (pallino pieno; badge = colore + pallino +
     etichetta, mai il solo colore). Valori canonici: docs/stati.md ===== */
  --st-compilazione: #8A8B90;
  --st-nuovo:        #E88300;
  --st-attesa:       #C9A24B;
  --st-lavorazione:  #4C8DF6;
  --st-presentato:   #A78BFA;
  --st-confermato:   #3FB950;
  --st-nonconf:      #B0857F;
  --st-rifiutato:    #E5484D;
}