/* File generato da genera.mjs: non modificarlo a mano. Fonte: per-due.tokens.json */
@font-face { font-family: 'Fraunces'; font-weight: 800; font-style: normal; font-display: swap; src: url('font/Fraunces-ExtraBold.ttf') format('truetype'); }
@font-face { font-family: 'Fraunces'; font-weight: 900; font-style: normal; font-display: swap; src: url('font/Fraunces-Black.ttf') format('truetype'); }
@font-face { font-family: 'Fraunces'; font-weight: 900; font-style: italic; font-display: swap; src: url('font/Fraunces-BlackItalic.ttf') format('truetype'); }
@font-face { font-family: 'Fraunces'; font-weight: 800; font-style: italic; font-display: swap; src: url('font/Fraunces-ExtraBoldItalic.ttf') format('truetype'); }
@font-face { font-family: 'DM Sans'; font-weight: 400; font-style: normal; font-display: swap; src: url('font/DMSans-Regular.ttf') format('truetype'); }
@font-face { font-family: 'DM Sans'; font-weight: 500; font-style: normal; font-display: swap; src: url('font/DMSans-Medium.ttf') format('truetype'); }
@font-face { font-family: 'DM Sans'; font-weight: 700; font-style: normal; font-display: swap; src: url('font/DMSans-Bold.ttf') format('truetype'); }

:root {
  --pd-colore-ciliegia: #D7261E;
  --pd-colore-pesca: #FF8FB1;
  --pd-colore-limone: #F2B705;
  --pd-colore-limone-ombra: #C48E00;
  --pd-colore-rucola: #1F5C3A;
  --pd-colore-rucola-ombra: #123B24;
  --pd-colore-rucola-chiaro: #3E8A5E;
  --pd-colore-pennarello: #141414;
  --pd-colore-sacchetto: #FFF6E9;
  --pd-colore-sacchetto-scuro: #F3E7D3;
  --pd-colore-linea: #E3D6C1;
  --pd-colore-bianco: #FFFFFF;
  --pd-colore-notte: #1E1915;
  --pd-colore-nero: #000000;
  --pd-colore-ciliegia-notte: #FF5A4F;
  --pd-mappa-terra: #F3E7D3;
  --pd-mappa-acqua: #CFE1D6;
  --pd-mappa-verde: #DCE8D5;
  --pd-mappa-strada: #FFFFFF;
  --pd-fondo: #FFF6E9;
  --pd-superficie: #FFFFFF;
  --pd-superficie-2: #F3E7D3;
  --pd-linea: #E3D6C1;
  --pd-testo: #141414;
  --pd-bordo: #141414;
  --pd-ombra: #141414;
  --pd-azione: #D7261E;
  --pd-testo-su-azione: #FFFFFF;
  --pd-persona: #FF8FB1;
  --pd-testo-su-persona: #141414;
  --pd-ora: #1F5C3A;
  --pd-testo-su-ora: #FFFFFF;
  --pd-cartellino: #F2B705;
  --pd-testo-su-cartellino: #141414;
  --pd-parola-rossa: #D7261E;
  --pd-scelta-accesa: #141414;
  --pd-testo-scelta-accesa: #FFF6E9;
  --pd-bordo-cartellino: #141414;
  --pd-cornice: #141414;
  --pd-spazio-1: 4px;
  --pd-spazio-2: 8px;
  --pd-spazio-3: 12px;
  --pd-spazio-4: 16px;
  --pd-spazio-5: 20px;
  --pd-spazio-6: 24px;
  --pd-spazio-8: 32px;
  --pd-raggio-insegna: 12px;
  --pd-raggio-controllo: 16px;
  --pd-raggio-scheda: 18px;
  --pd-raggio-foglio: 20px;
  --pd-raggio-icona: 22px;
  --pd-raggio-tondo: 999px;
  --pd-margine-schermo: 20px;
  --pd-area-sistema-ios: 50px;
  --pd-area-sistema-android: 44px;
  --pd-inizio-contenuto: 56px;
  --pd-tocco-minimo: 44px;
  --pd-altezza-pulsante: 48px;
  --pd-altezza-testata: 44px;
  --pd-spazio-tra-blocchi: 20px;
  --pd-spazio-tra-pulsanti: 12px;
  --pd-ombra-piena: 4px 4px 0 var(--pd-ombra);
  --pd-ombra-insegna: 3px 3px 0 var(--pd-ombra);
  --pd-font-titolo: 'Fraunces', Georgia, serif;
  --pd-font-testo: 'DM Sans', system-ui, sans-serif;
  --pd-curva: cubic-bezier(0.2, 0.8, 0.2, 1);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-tema="chiaro"]) {
    --pd-fondo: #1E1915;
    --pd-superficie: #2B241F;
    --pd-superficie-2: #3A3029;
    --pd-linea: #4A3F36;
    --pd-testo: #FFF6E9;
    --pd-bordo: #FFF6E9;
    --pd-ombra: #000000;
    --pd-azione: #D7261E;
    --pd-testo-su-azione: #FFFFFF;
    --pd-persona: #FF8FB1;
    --pd-testo-su-persona: #141414;
    --pd-ora: #1F5C3A;
    --pd-testo-su-ora: #FFFFFF;
    --pd-cartellino: #F2B705;
    --pd-testo-su-cartellino: #141414;
    --pd-parola-rossa: #FF5A4F;
    --pd-scelta-accesa: #000000;
    --pd-testo-scelta-accesa: #FFFFFF;
    --pd-bordo-cartellino: #000000;
    --pd-cornice: #4A3F36;
  }
}
:root[data-tema="scuro"] {
  --pd-fondo: #1E1915;
  --pd-superficie: #2B241F;
  --pd-superficie-2: #3A3029;
  --pd-linea: #4A3F36;
  --pd-testo: #FFF6E9;
  --pd-bordo: #FFF6E9;
  --pd-ombra: #000000;
  --pd-azione: #D7261E;
  --pd-testo-su-azione: #FFFFFF;
  --pd-persona: #FF8FB1;
  --pd-testo-su-persona: #141414;
  --pd-ora: #1F5C3A;
  --pd-testo-su-ora: #FFFFFF;
  --pd-cartellino: #F2B705;
  --pd-testo-su-cartellino: #141414;
  --pd-parola-rossa: #FF5A4F;
  --pd-scelta-accesa: #000000;
  --pd-testo-scelta-accesa: #FFFFFF;
  --pd-bordo-cartellino: #000000;
  --pd-cornice: #4A3F36;
}

.pd-display { font-family: var(--pd-font-titolo); font-weight: 900; font-style: italic; font-size: 64px; line-height: 61px; }
.pd-titolo1 { font-family: var(--pd-font-titolo); font-weight: 900; font-style: italic; font-size: 40px; line-height: 40px; }
.pd-titolo2 { font-family: var(--pd-font-titolo); font-weight: 800; font-style: normal; font-size: 28px; line-height: 29px; }
.pd-titolo3 { font-family: var(--pd-font-titolo); font-weight: 800; font-style: italic; font-size: 24px; line-height: 26px; }
.pd-nome { font-family: var(--pd-font-testo); font-weight: 700; font-style: normal; font-size: 20px; line-height: 24px; }
.pd-testo { font-family: var(--pd-font-testo); font-weight: 400; font-style: normal; font-size: 16px; line-height: 23px; }
.pd-pulsante { font-family: var(--pd-font-testo); font-weight: 700; font-style: normal; font-size: 16px; line-height: 20px; }
.pd-secondario { font-family: var(--pd-font-testo); font-weight: 400; font-style: normal; font-size: 15px; line-height: 22px; }
.pd-piccolo { font-family: var(--pd-font-testo); font-weight: 700; font-style: normal; font-size: 13px; line-height: 18px; }
.pd-etichetta { font-family: var(--pd-font-testo); font-weight: 700; font-style: normal; font-size: 12px; line-height: 16px; text-transform: uppercase; letter-spacing: 1.2px; }
.pd-rosso { color: var(--pd-parola-rossa); }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 1ms !important; transition-duration: 1ms !important; } }