/* ==========================================================================
   TEMA — personalizza qui i colori
   --------------------------------------------------------------------------
   Tutto il sito prende colori, raggi e caratteri da queste variabili.
   Cambia i valori qui sotto e basta: non serve toccare gli altri fogli.
   Le varianti "-rgb" servono per le trasparenze (rgba(var(--ls-primary-rgb), .1)):
   se cambi un colore, aggiorna anche la sua terna RGB.

   I colori principali si cambiano anche senza toccare questo file, dal
   pannello: Admin > Aspetto. Quelli scelti li' si stampano DOPO questo foglio
   e vincono su questi valori.

   Dopo una modifica alza SITE_VERSION in config.php, cosi' i browser
   scaricano il foglio nuovo.

   Valori: tema chiaro "A" (verde), 07/10/2026.
   ========================================================================== */
:root {
    /* Colore principale (link, pulsanti, evidenze) */
    --ls-primary: #00985f;
    --ls-primary-rgb: 0, 152, 95;
    --ls-primary-dark: #007a4c;
    --ls-primary-light: #7fd1b0;
    --ls-primary-soft: #e6f6ef;      /* fondo chiaro delle evidenze */

    /* Testata (template chiaro): fondo e testo della barra in alto */
    --ls-testata-bg: #ffffff;
    --ls-testata-text: #14171c;

    /* Tinta scura del marchio: pulsanti pieni, fasce, titoli in evidenza.
       Si chiama ancora "header" perche' i fogli del pacchetto la usano con
       questo nome da quando la testata era scura. */
    --ls-header-bg: #0c3324;
    --ls-header-bg-2: #007a4c;
    --ls-header-text: #ffffff;
    --ls-footer-bg: #14171c;
    --ls-footer-text: #c9ced6;

    /* Pagina */
    --ls-bg: #f4f5f7;
    --ls-surface: #ffffff;
    --ls-surface-2: #f6f7f9;         /* fondo morbido: righe al passaggio, pillole, campi */
    --ls-text: #14171c;
    --ls-text-2: #3a404a;
    --ls-muted: #7a828f;
    --ls-muted-2: #a3a9b3;
    --ls-border: #eceef2;
    --ls-border-strong: #dde0e6;
    --ls-dark-rgb: 20, 23, 28;

    /* Stati della partita */
    --ls-live: #e5322d;
    --ls-live-rgb: 229, 50, 45;
    --ls-live-soft: #fde8e7;
    --ls-win: #00985f;
    --ls-draw: #d99a0b;
    --ls-loss: #e5322d;

    /* Forme */
    --ls-radius: 16px;               /* card e riquadri */
    --ls-radius-sm: 10px;            /* pulsanti, campi */
    --ls-radius-pill: 999px;         /* etichette live / derby / stato */

    /* Caratteri */
    --ls-font-text: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    --ls-font-num: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}