/* I temi di YouppyRot: ogni tema è solo un gruppo di variabili. Per aggiungerne uno: un blocco qui e una riga in tema.js.
   Niente ombre "a blocco": superfici piatte, linee sottili, profondità solo con ombre morbide sui fogli e sugli avvisi. */
@font-face { font-family: 'Baloo 2'; src: url('/caratteri/Baloo2.ttf') format('truetype'); font-weight: 400 800; font-display: swap; }

:root {
  --carattere: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --marchio: 'Baloo 2', system-ui, sans-serif;
  --raggio: 14px; --raggio-grande: 20px;
  --anello: linear-gradient(45deg, #ffb700, #ff3ea5 50%, #7c5cff);
  --ombra-morbida: 0 10px 40px rgba(0, 0, 0, .18);
  --rosso: #ff3b5c;
}
[data-tema="caos"] {
  --sfondo: #fffbea; --sfondo-pagina: #ffe14d; --carta: #ffffff; --carta2: #fff3bf; --linea: rgba(17, 17, 17, .1);
  --testo: #111111; --tenue: #6b6b6b; --accento: #ff3ea5; --su-accento: #ffffff; --accento-tenue: rgba(255, 62, 165, .12);
  --barra: rgba(255, 251, 234, .92);
}
[data-tema="pulito"] {
  --sfondo: #0b0c10; --sfondo-pagina: #050608; --carta: #15171d; --carta2: #1d2028; --linea: rgba(255, 255, 255, .09);
  --testo: #f3f4f6; --tenue: #9aa0ac; --accento: #7c5cff; --su-accento: #ffffff; --accento-tenue: rgba(124, 92, 255, .18);
  --barra: rgba(11, 12, 16, .9); --ombra-morbida: 0 10px 40px rgba(0, 0, 0, .55);
}
[data-tema="y2k"] {
  --sfondo: #160636; --sfondo-pagina: #0b021f; --carta: rgba(255, 255, 255, .07); --carta2: rgba(255, 255, 255, .12); --linea: rgba(255, 255, 255, .14);
  --testo: #ffffff; --tenue: #c9b8f5; --accento: #ff5cf0; --su-accento: #ffffff; --accento-tenue: rgba(255, 92, 240, .18);
  --barra: rgba(22, 6, 54, .9); --anello: linear-gradient(45deg, #7df9ff, #ff5cf0 55%, #7c5cff); --ombra-morbida: 0 10px 40px rgba(0, 0, 0, .5);
}
[data-tema="gomma"] {
  --sfondo: #fffaf6; --sfondo-pagina: #ffe9dc; --carta: #ffffff; --carta2: #fff0e8; --linea: rgba(59, 42, 74, .1);
  --testo: #3b2a4a; --tenue: #8c7a99; --accento: #ff6f96; --su-accento: #ffffff; --accento-tenue: rgba(255, 111, 150, .14);
  --barra: rgba(255, 250, 246, .92); --anello: linear-gradient(45deg, #8ed1c6, #ff8fab 55%, #c3a6ff); --raggio: 18px; --raggio-grande: 26px;
}