/* ============================================================
   themes.css — TEMI del preventivo (anteprima, PDF, stampa).
   UNICA fonte, condivisa tra genera.php, home.php, index.html, pdf.php e print.js.
   Ogni tema si attiva con  data-theme="<id>".

   ── SISTEMA VARIABILI DEL FOGLIO PREVENTIVO (--pv-*) ─────────────
   Ogni tema descrive COMPLETAMENTE il proprio foglio con queste variabili
   (usate da quote.css e da print.css, così anteprima e stampa sono identiche):

     --pv-font        Font del preventivo
     --pv-page-bg     Sfondo dietro il foglio (solo a schermo, non in stampa)
     --pv-paper       Colore del foglio (carta)
     --pv-ink         Testo principale
     --pv-muted       Testo secondario
     --pv-faint       Testo tenue (note, didascalie)
     --pv-accent      Accento: etichetta "PREVENTIVO", titoli sezione
     --pv-line        Righe/separatori interni (metadati, righe tabella)
     --pv-border      BORDO esterno del foglio  ← qui si decide SE e COME (es. "none")
     --pv-radius      Raggio degli angoli del foglio
     --pv-total-line  Linea sopra la riga "TOTALE"
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@500;600;700;800&family=Roboto+Mono:wght@400;500;700&family=Poppins:wght@400;500;600;700&family=Lora:wght@400;500;600&family=Montserrat:wght@400;500;600;700&family=Merriweather:wght@400;700&display=swap');

[data-theme]{ --white:#ffffff; }

/* ─────────── CHIARO — blu classico, Inter ─────────── */
[data-theme="chiaro"]{
  --page-bg:#eef1f6; --bg:#ffffff; --bg-light:#ffffff; --bg-dark:#ffffff; --bg-soft:#f4f7fb;
  --text:#18233b; --text-soft:#1f2937; --text-muted:#5b6473; --text-muted2:#64748b;
  --border:#e2e8f2; --border-strong:#cbd5e1; --accent:#2f5ad0; --accent-hover:#2747b0;
  --quote-font:Inter, system-ui, sans-serif;
  /* foglio */
  --pv-font:Inter, system-ui, sans-serif;
  --pv-page-bg:#eef1f6; --pv-paper:#ffffff;
  --pv-ink:#18233b; --pv-muted:#5b6473; --pv-faint:#64748b; --pv-accent:#2f5ad0;
  --pv-line:#e6ecf5; --pv-border:1px solid #cbd5e1; --pv-radius:8px; --pv-total-line:2px solid #18233b;
}

/* ─────────── OFFICINA — rosso USAG, Plus Jakarta ─────────── */
[data-theme="officina"]{
  --page-bg:#f1f1f3; --bg:#ffffff; --bg-light:#ffffff; --bg-dark:#ffffff; --bg-soft:#f6f7f9;
  --text:#18181b; --text-soft:#27272a; --text-muted:#52525b; --text-muted2:#71717a;
  --border:#e4e4e7; --border-strong:#18181b; --accent:#E30613; --accent-hover:#B8000F;
  --quote-font:"Plus Jakarta Sans", system-ui, sans-serif;
  /* foglio — bordo marcato scuro, look "officina" */
  --pv-font:"Plus Jakarta Sans", system-ui, sans-serif;
  --pv-page-bg:#f1f1f3; --pv-paper:#ffffff;
  --pv-ink:#18181b; --pv-muted:#52525b; --pv-faint:#71717a; --pv-accent:#E30613;
  --pv-line:#ececee; --pv-border:1.5px solid #18181b; --pv-radius:8px; --pv-total-line:2px solid #18181b;
}

/* ─────────── MINIMAL — bianco/nero, system ─────────── */
[data-theme="minimal"]{
  --page-bg:#f7f7f7; --bg:#ffffff; --bg-light:#ffffff; --bg-dark:#ffffff; --bg-soft:#fafafa;
  --text:#111111; --text-soft:#333333; --text-muted:#777777; --text-muted2:#999999;
  --border:#eeeeee; --border-strong:#dddddd; --accent:#111111; --accent-hover:#000000;
  --quote-font:system-ui, Arial, sans-serif;
  /* foglio — bordo sottile e angoli netti */
  --pv-font:system-ui, Arial, sans-serif;
  --pv-page-bg:#f7f7f7; --pv-paper:#ffffff;
  --pv-ink:#111111; --pv-muted:#777777; --pv-faint:#999999; --pv-accent:#111111;
  --pv-line:#eeeeee; --pv-border:1px solid #dddddd; --pv-radius:3px; --pv-total-line:2px solid #111111;
}

/* ─────────── ELEGANTE — oro/avorio, Georgia ─────────── */
[data-theme="elegante"]{
  --page-bg:#f3ecdd; --bg:#fffdf8; --bg-light:#fffdf8; --bg-dark:#fffdf8; --bg-soft:#f7f1e6;
  --text:#2b2620; --text-soft:#4a4338; --text-muted:#857c6c; --text-muted2:#9a8f7c;
  --border:#e7ddc9; --border-strong:#d8cbb0; --accent:#9a7b3f; --accent-hover:#7c6230;
  --quote-font:Georgia, "Times New Roman", serif;
  /* foglio — bordo oro, carta avorio */
  --pv-font:Georgia, "Times New Roman", serif;
  --pv-page-bg:#f3ecdd; --pv-paper:#fffdf8;
  --pv-ink:#2b2620; --pv-muted:#857c6c; --pv-faint:#9a8f7c; --pv-accent:#9a7b3f;
  --pv-line:#ece2cf; --pv-border:1.5px solid #c9ad74; --pv-radius:6px; --pv-total-line:2px solid #9a7b3f;
}

/* ─────────── TECNICO — blu, Roboto Mono ─────────── */
[data-theme="tecnico"]{
  --page-bg:#eef2f6; --bg:#ffffff; --bg-light:#ffffff; --bg-dark:#ffffff; --bg-soft:#f1f5f9;
  --text:#0f172a; --text-soft:#1e293b; --text-muted:#64748b; --text-muted2:#94a3b8;
  --border:#e2e8f0; --border-strong:#cbd5e1; --accent:#0284c7; --accent-hover:#0369a1;
  --quote-font:"Roboto Mono", ui-monospace, monospace;
  /* foglio — look "blueprint", angoli netti */
  --pv-font:"Roboto Mono", ui-monospace, monospace;
  --pv-page-bg:#eef2f6; --pv-paper:#ffffff;
  --pv-ink:#0f172a; --pv-muted:#64748b; --pv-faint:#94a3b8; --pv-accent:#0284c7;
  --pv-line:#e4ebf2; --pv-border:1px solid #90a4bb; --pv-radius:4px; --pv-total-line:2px solid #0f172a;
}

/* ─────────── MODERNO — teal, Poppins ─────────── */
[data-theme="moderno"]{
  --page-bg:#e7f6f3; --bg:#ffffff; --bg-light:#ffffff; --bg-dark:#ffffff; --bg-soft:#f0fdfa;
  --text:#0f2e2a; --text-soft:#134e4a; --text-muted:#5b7c78; --text-muted2:#7a9b97;
  --border:#cdeee8; --border-strong:#a7ddd4; --accent:#0d9488; --accent-hover:#0f766e;
  --quote-font:"Poppins", system-ui, sans-serif;
  /* foglio — angoli più morbidi */
  --pv-font:"Poppins", system-ui, sans-serif;
  --pv-page-bg:#e7f6f3; --pv-paper:#ffffff;
  --pv-ink:#0f2e2a; --pv-muted:#5b7c78; --pv-faint:#7a9b97; --pv-accent:#0d9488;
  --pv-line:#d8f0eb; --pv-border:1px solid #9ad5cb; --pv-radius:12px; --pv-total-line:2px solid #0d9488;
}

/* ─────────── CARTA — marrone/crema, Lora ─────────── */
[data-theme="carta"]{
  --page-bg:#efe4cd; --bg:#fbf6ec; --bg-light:#fbf6ec; --bg-dark:#fbf6ec; --bg-soft:#f3ead6;
  --text:#3a2f22; --text-soft:#54442f; --text-muted:#8a7857; --text-muted2:#a08a64;
  --border:#e6d8bd; --border-strong:#d6c39f; --accent:#7c5a2e; --accent-hover:#5f4521;
  --quote-font:"Lora", Georgia, serif;
  /* foglio — carta riciclata, bordo caldo tenue */
  --pv-font:"Lora", Georgia, serif;
  --pv-page-bg:#efe4cd; --pv-paper:#fbf6ec;
  --pv-ink:#3a2f22; --pv-muted:#8a7857; --pv-faint:#a08a64; --pv-accent:#7c5a2e;
  --pv-line:#ece0c8; --pv-border:1px solid #cbb28a; --pv-radius:4px; --pv-total-line:2px solid #7c5a2e;
}

/* ─────────── ACQUA — azzurro, Montserrat ─────────── */
[data-theme="acqua"]{
  --page-bg:#e6f4fd; --bg:#ffffff; --bg-light:#ffffff; --bg-dark:#ffffff; --bg-soft:#eff8ff;
  --text:#0c2433; --text-soft:#173a52; --text-muted:#5a7488; --text-muted2:#7d96a8;
  --border:#d6ebf8; --border-strong:#b6daf0; --accent:#0ea5e9; --accent-hover:#0284c7;
  --quote-font:"Montserrat", system-ui, sans-serif;
  /* foglio — azzurro pulito */
  --pv-font:"Montserrat", system-ui, sans-serif;
  --pv-page-bg:#e6f4fd; --pv-paper:#ffffff;
  --pv-ink:#0c2433; --pv-muted:#5a7488; --pv-faint:#7d96a8; --pv-accent:#0ea5e9;
  --pv-line:#dceffb; --pv-border:1px solid #9fcdec; --pv-radius:10px; --pv-total-line:2px solid #0ea5e9;
}

/* ─────────── CORPORATE — navy, Merriweather ─────────── */
[data-theme="corporate"]{
  --page-bg:#eef1f8; --bg:#ffffff; --bg-light:#ffffff; --bg-dark:#ffffff; --bg-soft:#f4f6fb;
  --text:#16213a; --text-soft:#27375c; --text-muted:#5a6781; --text-muted2:#7d8aa6;
  --border:#e1e7f2; --border-strong:#1e3a8a; --accent:#1e3a8a; --accent-hover:#16306e;
  --quote-font:"Merriweather", Georgia, serif;
  /* foglio — formale, bordo navy, angoli netti */
  --pv-font:"Merriweather", Georgia, serif;
  --pv-page-bg:#eef1f8; --pv-paper:#ffffff;
  --pv-ink:#16213a; --pv-muted:#5a6781; --pv-faint:#7d8aa6; --pv-accent:#1e3a8a;
  --pv-line:#e6ebf4; --pv-border:1.5px solid #1e3a8a; --pv-radius:2px; --pv-total-line:2px solid #1e3a8a;
}

/* ─────────── PULITO — bianco senza bordo, Inter (SENZA BORDO) ─────────── */
[data-theme="pulito"]{
  --page-bg:#f2f4f7; --bg:#ffffff; --bg-light:#ffffff; --bg-dark:#ffffff; --bg-soft:#f6f8fb;
  --text:#1b2430; --text-soft:#2b3646; --text-muted:#5c6675; --text-muted2:#7a8494;
  --border:#eef1f5; --border-strong:#e2e6ec; --accent:#3b5bdb; --accent-hover:#2f4bc0;
  --quote-font:Inter, system-ui, sans-serif;
  /* foglio SENZA bordo, pulito e chiaro */
  --pv-font:Inter, system-ui, sans-serif;
  --pv-page-bg:#f2f4f7; --pv-paper:#ffffff;
  --pv-ink:#1b2430; --pv-muted:#5c6675; --pv-faint:#7a8494; --pv-accent:#3b5bdb;
  --pv-line:#edf0f4; --pv-border:none; --pv-radius:8px; --pv-total-line:2px solid #1b2430;
}

/* ─────────── RICEVUTA — scontrino, mono, senza bordo (SENZA BORDO) ─────────── */
[data-theme="ricevuta"]{
  --page-bg:#f4f4f4; --bg:#ffffff; --bg-light:#ffffff; --bg-dark:#ffffff; --bg-soft:#fbfbfb;
  --text:#1a1a1a; --text-soft:#333333; --text-muted:#6a6a6a; --text-muted2:#8c8c8c;
  --border:#f0f0f0; --border-strong:#e6e6e6; --accent:#1a1a1a; --accent-hover:#000000;
  --quote-font:"Roboto Mono", ui-monospace, monospace;
  /* foglio SENZA bordo, look scontrino, mono */
  --pv-font:"Roboto Mono", ui-monospace, monospace;
  --pv-page-bg:#f4f4f4; --pv-paper:#ffffff;
  --pv-ink:#1a1a1a; --pv-muted:#6a6a6a; --pv-faint:#8c8c8c; --pv-accent:#1a1a1a;
  --pv-line:#ededed; --pv-border:none; --pv-radius:0; --pv-total-line:2px solid #1a1a1a;
}

/* ─────────── CLASSICO — serif con bordo scuro (CON BORDO) ─────────── */
[data-theme="classico"]{
  --page-bg:#eef0f3; --bg:#ffffff; --bg-light:#ffffff; --bg-dark:#ffffff; --bg-soft:#f5f6f8;
  --text:#1f2733; --text-soft:#2f3947; --text-muted:#586170; --text-muted2:#79828f;
  --border:#e6e9ee; --border-strong:#334155; --accent:#334155; --accent-hover:#1f2937;
  --quote-font:Georgia, "Times New Roman", serif;
  /* foglio CON bordo scuro, serif classico */
  --pv-font:Georgia, "Times New Roman", serif;
  --pv-page-bg:#eef0f3; --pv-paper:#ffffff;
  --pv-ink:#1f2733; --pv-muted:#586170; --pv-faint:#79828f; --pv-accent:#334155;
  --pv-line:#e8ebef; --pv-border:1.5px solid #334155; --pv-radius:4px; --pv-total-line:2px solid #334155;
}