/* =======================================================================
   TEMA: CARTA  (l'aspetto originale del sito)

   Questo file è il MODELLO: per fare un tema nuovo copialo, rinominalo
   (es. temi/miotema.css), cambia i valori qui sotto e aggiungi una riga
   in temi.js. Non serve toccare né index.html né assets/base.css.

   Se il tuo tema vuole font diversi, mettine l'@import nella PRIMA riga
   del file, prima di :root.
   ======================================================================= */

:root{
  /* --- superfici e testo --- */
  --paper:#ECE3D0;        /* sfondo pagina */
  --paper-2:#E4D9BF;      /* sfondo card e pannelli */
  --paper-3:#DBCEAF;      /* sfondo dei <code> */
  --ink:#241C33;          /* testo principale + barra in alto + bottoni pieni */
  --ink-soft:#6A5F72;     /* testo secondario */
  --on-ink:#ECE3D0;       /* testo sopra le zone color --ink */

  /* --- colori d'accento --- */
  --neon:#FF2E88;         /* accento principale: ticker, blip, corsivi */
  --on-neon:#241C33;      /* testo sopra --neon */
  --teal:#159A8C;
  --amber:#F0A93B;
  --on-accent:#241C33;    /* testo sulla costina colorata delle card */

  /* --- bordi e ombre --- */
  --line:#241C33;         /* colore di tutti i bordi */
  --bw:2px;               /* spessore bordi */
  --pill:999px;            /* forma di chip e tag: 999px = pillola, 0 = squadrato */
  --field:#ECE3D0;           /* sfondo di ricerca e menu a tendina */
  --field-shadow:none;
  --radius-sm:10px;        /* angoli di bottoni, campi, badge */
  --radius:14px;
  --shadow-color:#241C33;
  --shadow:6px 6px 0 var(--shadow-color);
  --shadow-sm:3px 3px 0 var(--shadow-color);
  --shadow-md:5px 5px 0 var(--shadow-color);
  --shadow-lg:9px 9px 0 var(--shadow-color);

  /* --- tipografia --- */
  --font-body:'Space Mono',ui-monospace,monospace;
  --font-display:'Space Grotesk',sans-serif;
  --font-title:'Instrument Serif',Georgia,serif;
  --title-weight:400;
  --title-style:italic;

  /* --- texture di sfondo (metti  none  per toglierla) --- */
  --noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");

  /* --- colori assegnati ai curatori (in ordine) --- */
  --c1:#FF2E88; --c2:#159A8C; --c3:#F0A93B; --c4:#7A5CFF;
  --c5:#2E9BD6; --c6:#FF6B4A; --c7:#0FB5A6; --c8:#E04FA0;
}
