/* Stampa Pratica — generated from tokens.json */
:root, [data-theme="chiaro"] {
  --notte: #1b2440;
  --giallo: #ffe14d;
  --carta: #ffffff;
  --fotocopia: #e7e9ee;
  --fondo: var(--carta);
  --fondo-riquadro: #f4f5f8;
  --linea: var(--fotocopia);
  --bordo-campo: #7c8399;
  --inchiostro: var(--notte);
  --inchiostro-tenue: #4f5872;
  --su-giallo: var(--notte);
  --azione: var(--notte);
  --su-azione: var(--carta);
  --azione-hover: #2b3863;
  --fatto: #1a7a50;
  --fatto-tenue: #ecf7f0;
  --attenzione: #8a4b00;
  --attenzione-tenue: #fff1e0;
  --errore: #b42318;
  --errore-tenue: #fdecea;
  --anello-focus: var(--notte);
  --link: var(--inchiostro);
  --ombra-1: 0 1px 2px #1b244014, 0 2px 8px #1b24400f;
  --ombra-2: 0 8px 24px #1b24401f;
}
[data-theme="notte"] {
  --notte: #1b2440;
  --giallo: #ffe14d;
  --carta: #ffffff;
  --fotocopia: #e7e9ee;
  --fondo: var(--notte);
  --fondo-riquadro: #243052;
  --linea: #34406a;
  --bordo-campo: #8c96b8;
  --inchiostro: var(--carta);
  --inchiostro-tenue: #c3c9db;
  --su-giallo: var(--notte);
  --azione: var(--giallo);
  --su-azione: var(--notte);
  --azione-hover: #ffea80;
  --fatto: #5fd39a;
  --fatto-tenue: #17402f;
  --attenzione: #ffb86b;
  --attenzione-tenue: #4a3415;
  --errore: #ff8a80;
  --errore-tenue: #4a1f2a;
  --anello-focus: var(--giallo);
  --link: var(--inchiostro);
  --ombra-1: 0 1px 3px #00000066;
  --ombra-2: 0 8px 24px #00000080;
  color-scheme: dark;
}
:root {
  --spazio-1: 4px;
  --spazio-2: 8px;
  --spazio-3: 12px;
  --spazio-4: 16px;
  --spazio-6: 24px;
  --spazio-8: 32px;
  --spazio-12: 48px;
  --spazio-16: 64px;
  --raggio-s: 4px;
  --raggio-m: 8px;
  --raggio-l: 16px;
  --raggio-pillola: 9999px;
  --font-titoli: "Schibsted Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-testo: "Atkinson Hyperlegible", system-ui, -apple-system, "Segoe UI", sans-serif;
}
@font-face { font-family: 'Schibsted Grotesk'; src: url('project/fonts/SchibstedGrotesk-500.ttf') format('truetype'); font-weight: 500; font-display: swap; }
@font-face { font-family: 'Schibsted Grotesk'; src: url('project/fonts/SchibstedGrotesk-700.ttf') format('truetype'); font-weight: 700; font-display: swap; }
@font-face { font-family: 'Schibsted Grotesk'; src: url('project/fonts/SchibstedGrotesk-800.ttf') format('truetype'); font-weight: 800; font-display: swap; }
@font-face { font-family: 'Atkinson Hyperlegible'; src: url('project/fonts/AtkinsonHyperlegible-400.ttf') format('truetype'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Atkinson Hyperlegible'; src: url('project/fonts/AtkinsonHyperlegible-700.ttf') format('truetype'); font-weight: 700; font-display: swap; }
.display { font-family: var(--font-titoli); font-size: 56px; line-height: 60px; font-weight: 800; letter-spacing: -0.02em; }
.titolo-1 { font-family: var(--font-titoli); font-size: 40px; line-height: 46px; font-weight: 800; letter-spacing: -0.02em; }
.titolo-2 { font-family: var(--font-titoli); font-size: 28px; line-height: 34px; font-weight: 700; letter-spacing: -0.01em; }
.titolo-3 { font-family: var(--font-titoli); font-size: 20px; line-height: 26px; font-weight: 700; }
.prezzo { font-family: var(--font-titoli); font-size: 24px; line-height: 28px; font-weight: 800; }
.etichetta { font-family: var(--font-titoli); font-size: 13px; line-height: 16px; font-weight: 700; letter-spacing: 0.02em; }
.testo-grande { font-family: var(--font-testo); font-size: 19px; line-height: 30px; font-weight: 400; }
.testo { font-family: var(--font-testo); font-size: 16px; line-height: 26px; font-weight: 400; }
.testo-forte { font-family: var(--font-testo); font-size: 16px; line-height: 26px; font-weight: 700; }
.piccolo { font-family: var(--font-testo); font-size: 14px; line-height: 21px; font-weight: 400; }