/* ============================================================
   PreventiviGO — Palette "Officina" (USAG)
   FONTE UNICA di tutti i colori del sito.
   Collega con <link rel="stylesheet" href="palette.css"> e usa var(--nome).
   ============================================================ */
:root {
   /* ---------- SFONDI ---------- */
   --bg: #18181B;
   /* Pavimento officina — sfondo principale            */
   --bg-dark: #09090B;
   /* Buca sotto la macchina — sezioni/footer scuri     */
   --bg-light: #27272A;
   /* Pannello metallico — card, box, pannelli          */
   --bg-soft: #1F1F23;
   /* Variante morbida tra bg e bg-light                */

   /* ---------- ACCENTO (rosso USAG) ---------- */
   --accent: #E30613;
   /* USAG Red — pulsanti primari, link              */
   --accent-hover: #5c5c5c;
   /* Rosso ossidato — hover/pressed                 */
   --accent-warm: #F59E0B;
   /* Ambra — accento caldo secondario              */

   /* ---------- TESTO ---------- */
   --text: #F4F4F5;
   /* Luce fluorescente — testo principale            */
   --text-soft: #E5E5E5;
   /* Testo secondario                                */
   --text-muted: #71717A;
   /* Zinco — testo attenuato                         */
   --text-muted2: #A1A1AA;
   /* Zinco chiaro — note/didascalie                  */

   /* ---------- BORDI ---------- */
   --border: rgba(255, 255, 255, .10);
   /* Bordo acciaio                   */
   --border-strong: #696970;
   /* Bordo marcato                   */

   /* ---------- STATI SEMANTICI ---------- */
   --success: #15A06B;
   /* Verde — esiti positivi / WhatsApp            */
   --success-soft: #075e54;
   /* Verde chiaro — sfondi badge/bolla            */
   --success-ink: #a1c4b8;
   /* Verde scuro — testo su sfondo verde chiaro   */
   --danger: #E5484D;
   /* Rosso chiaro — errori                             */
   --warn: #FBBF24;
   /* Ambra chiara — testo avvisi/flash ok             */

   /* ---------- PIANO MAX (viola) ---------- */
   --violet: #6945E6;
   /* Viola — dettagli piano Max          */
   --violet-soft: rgba(168, 85, 247, .15);
   /* Sfondo badge viola                  */
   --violet-ink: #D8B4FE;
   /* Viola chiaro — testo su scuro       */

   /* ---------- NEUTRI ASSOLUTI ---------- */
   --white: #FFFFFF;
   --black: #000000;

   /* ---------- MISURE / STILE ---------- */
   --radius: 8px;
   --shadow: 0 14px 40px rgba(0, 0, 0, .35);
   --max: 1120px;

   /* ---------- TIPOGRAFIA ---------- */
   --font-head: "Plus Jakarta Sans", system-ui, sans-serif;
   --font-body: "Inter", system-ui, Arial, sans-serif;

   /* ---------- DOCUMENTO STAMPABILE (preventivo PDF: resta su carta bianca) ---------- */
   --paper: #FFFFFF;
   /* foglio A4                                       */
   --paper-ink: #18181B;
   /* testo del preventivo stampato                  */
   --paper-muted: #5B6473;
   /* testo attenuato sul foglio                     */
   --paper-line: #E2E8F2;
   /* righe/bordi sul foglio                         */

   /* ============================================================
     ALIAS — nomi legacy ancora usati nelle pagine, puntano ai token sopra.
     (Così non serve riscrivere ogni var() esistente.)
     ============================================================ */
   --ink: var(--text);
   --muted: var(--text-muted);
   --line: var(--border);
   --lineDark: rgba(255, 255, 255, .14);
   --soft: var(--bg-soft);
   --card: var(--bg-light);
   --paper2: var(--bg-light);
   --yellow: var(--accent);
   --orange: var(--accent-hover);
   --warm: var(--accent-warm);
   --green: var(--success);
   --red: var(--danger);
   --bg2: var(--bg-dark);
}