/*
  Temi del negozio. Ogni tema assegna soltanto variabili: struttura, pagine e
  percorso d'acquisto sono in shop.css e non conoscono il tema.
  Il tema dell'installazione è il valore di SHOPTEMA in tbConfig, riportato in
  minuscolo nell'attributo data-tema di <html>.
  Per aggiungere un tema: un nuovo blocco qui e il nome in Negozio.Temi.
*/

/* ISTITUZIONALE (predefinito): sobrio, angoli medi, ombre leggere */
:root {
    --primario: #1E3A5F;
    --su-primario: #FFFFFF;
    --azione: #0B7A6B;
    --su-azione: #FFFFFF;
    --testata: var(--primario);
    --su-testata: var(--su-primario);
    --sfondo: #F6F7F9;
    --superficie: #FFFFFF;
    --testo: #16202E;
    --tenue: #5B6676;
    --bordo: #E2E6EC;
    --tinta: #E8EEF5;
    --positivo: #15803D;
    --attenzione: #B45309;
    --errore: #B91C1C;

    --raggio: 10px;
    --raggio-pulsante: 10px;
    --ombra: 0 1px 3px rgba(16, 24, 40, .10);
    --ombra-alta: 0 6px 18px rgba(16, 24, 40, .12);
    --spessore-bordo: 1px;

    --carattere: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --carattere-titoli: var(--carattere);
    --peso-titoli: 700;
    --maiuscole: none;
    --spaziatura: 0;
}

/* VIVACE: morbido, angoli molto arrotondati, pulsanti a pillola, ombre colorate */
[data-tema="vivace"] {
    --primario: #4338CA;
    --azione: #C2410C;
    --sfondo: #F5F3FF;
    --testo: #1E1B3A;
    --tenue: #5E5A7D;
    --bordo: #E3DEFA;
    --tinta: #E4E0FF;
    --raggio: 18px;
    --raggio-pulsante: 999px;
    --ombra: 0 4px 14px rgba(67, 56, 202, .12);
    --ombra-alta: 0 10px 28px rgba(67, 56, 202, .20);
    --peso-titoli: 800;
}

/* NATURALE: caldo, titoli con grazie, bordi sottili senza ombre */
[data-tema="naturale"] {
    --primario: #14532D;
    --azione: #B45309;
    --sfondo: #FAF7F2;
    --superficie: #FFFDF9;
    --testo: #2A2620;
    --tenue: #6B6355;
    --bordo: #E8E0D2;
    --tinta: #EEF3E6;
    --raggio: 12px;
    --raggio-pulsante: 12px;
    --ombra: none;
    --ombra-alta: 0 6px 18px rgba(42, 38, 32, .10);
    --carattere-titoli: Georgia, "Times New Roman", serif;
}

/* NOTTE: scuro, superfici in rilievo per colore, senza ombre */
[data-tema="notte"] {
    --primario: #38BDF8;
    --su-primario: #0B1220;
    --azione: #34D399;
    --su-azione: #052E1B;
    --testata: #0B1220;
    --su-testata: #F1F5F9;
    --sfondo: #0F172A;
    --superficie: #1E293B;
    --testo: #F1F5F9;
    --tenue: #A3B1C6;
    --bordo: #334155;
    --tinta: #27364D;
    --positivo: #4ADE80;
    --attenzione: #FBBF24;
    --errore: #F87171;
    --raggio: 14px;
    --raggio-pulsante: 14px;
    --ombra: none;
    --ombra-alta: 0 0 0 1px #475569;
}

/* ESSENZIALE: netto, angoli vivi, bordi marcati, titoli in maiuscolo */
[data-tema="essenziale"] {
    --primario: #111111;
    --azione: #D9261C;
    --sfondo: #FFFFFF;
    --testo: #111111;
    --tenue: #555555;
    --bordo: #111111;
    --tinta: #F2F2F2;
    --raggio: 2px;
    --raggio-pulsante: 2px;
    --ombra: none;
    --ombra-alta: 4px 4px 0 #111111;
    --spessore-bordo: 1.5px;
    --peso-titoli: 800;
    --maiuscole: uppercase;
    --spaziatura: .04em;
}