/* ============================================================
   Tema «Espresso» di Clara. È l'unico file con colori, caratteri,
   raggi e durate: base.css usa solo queste variabili.
   I caratteri sono quelli del Reel Studio (licenza in fonts/OFL.txt).
   ============================================================ */

@font-face {
  font-family: "Montserrat Black";
  src: url("../fonts/Montserrat-Black.ttf") format("truetype");
  font-weight: 900;
  font-display: swap;
}
@font-face {
  font-family: "Bebas Neue";
  src: url("../fonts/BebasNeue-Regular.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Instrument Serif";
  src: url("../fonts/InstrumentSerif-Italic.ttf") format("truetype");
  font-style: italic;
  font-display: swap;
}

:root {
  color-scheme: dark;

  /* Fondi */
  --fondo: #1A110B;
  --barra: #140D08;
  --riquadro: #2A1C13;
  --riquadro-2: #33231A;
  --bordo: #3A281C;

  /* Testo */
  --testo: #F4ECE3;
  --testo-2: #DCCFC2;
  --testo-spento: #A8978A;

  /* Azzurro: solo numeri, azioni principali e voce selezionata */
  --azzurro: #9FD8FF;
  --su-azzurro: #0B2540;
  --azzurro-tenue: #1F2A30;

  /* Stati */
  --verde: #9FE3B4;
  --pesca: #FFB38A;
  --rosso: #FF8F85;

  /* Caratteri */
  --font-testo: "Segoe UI Variable Text", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
  --font-titoli: "Montserrat Black", var(--font-testo);
  --font-numeri: "Bebas Neue", var(--font-testo);
  --font-corsivo: "Instrument Serif", Georgia, serif;

  /* Raggi */
  --raggio-sm: 8px;
  --raggio-md: 12px;
  --raggio-lg: 18px;
  --raggio-pillola: 9999px;

  /* Misure */
  --larghezza-barra: 210px;

  /* Durate */
  --veloce: 150ms;
  --normale: 220ms;
}