:root {
  /* Gradiente brand. L'azzurro iniziale è un poco più scuro di quello del logo (#00e2ff) dal 12 ottobre 2026: più contrasto con il testo
     bianco a sinistra, dove sta la maggior parte dei testi */
  --color-gradient-start: #00cef5;
  --color-gradient-end: #1e40af;

  --color-primary: #1e40af;
  --color-primary-dark: #17307f;
  --color-link: var(--color-primary);   /* link dentro i testi: lo stesso blu di pulsanti e pillole; si distingue dal testo per la sottolineatura (1.4.1), non per il solo colore */
  --color-accent: #00e2ff;
  /*
   * Giallo mariano: per etichette ("eyebrow") e CTA nelle card, al posto
   * del blu — il blu dei titoli resta com'era. Non un giallo chiaro (tipo
   * oro/Vaticano #FFD700): su sfondo bianco un giallo così chiaro ha un
   * contrasto ~1.6:1, illeggibile. Questo valore è più scuro apposta,
   * contrasto verificato 4.92:1 su bianco (soglia minima WCAG AA: 4.5:1).
   * Prima prova (#8a6d00) giudicata troppo olivastra/spenta accanto al blu
   * freddo del gradiente — questa seconda prova è più calda/dorata, meno
   * verdastra (contrasto 4.65:1, ancora sopra la soglia).
   */
  --color-rose: #c65d68;      /* rosso dolce: segnaposto dei Miracoli Eucaristici sulla mappa (più morbido di --liturgia-rosso) */
  --color-gold: #9c6b09;
  --color-gold-dark: #7a4d07;

  --color-text: #334155;        /* testo: blu-grigio (slate), più morbido del vecchio quasi nero #152338; 10,4:1 su bianco */
  --color-text-light: #5b6b85;  /* testo secondario: 5,4:1 su bianco, 5,1:1 sull'azzurro chiaro; resta più chiaro del testo */

  --color-bg: #ffffff;
  --color-bg-soft: #f3fafd;
  --color-border: #e1edf5;

  /* Stesso font per titoli e corpo: i titoli si distinguono per peso, non per famiglia */
  --font-heading: 'Lato', 'Helvetica Neue', Arial, sans-serif;
  --font-body: 'Lato', 'Helvetica Neue', Arial, sans-serif;
  --font-weight-body: 400;
  --font-weight-heading: 600;
  /* Interlinea e distanze del testo (master): corpo e testi lunghi, descrizioni compatte nelle card, spazio tra un titolo e il testo sotto */
  --lh-corpo: 1.6;
  --lh-compatto: 1.45;
  --spazio-titolo-testo: 0.6rem;
  --font-titoli: 'Playfair Display', Georgia, serif;   /* titoli (h1-h4 e titoli di card): serif; le etichette, i pulsanti e il menu restano in --font-heading (Lato) */
  --font-weight-titoli: 600;
  /* Scritta "Totus Tuus" nella top-banner: serif elegante in corsivo (non
     più Montserrat corsivo, giudicato troppo piatto per la frase; non un
     font calligrafico/script come i tentativi precedenti, scartati) */
  --font-script: 'Playfair Display', serif;

  /*
   * Scala tipografica — unica fonte di verità per le dimensioni dei testi.
   * Qualsiasi regola in theme.css/layout.css/home.css deve referenziare uno
   * di questi token, mai un valore in rem/px scritto a mano: così i link
   * dell'header e quelli del footer (o due "eyebrow" in pagine diverse)
   * restano per costruzione identici invece di poter divergere per
   * dimenticanza. Dettaglio e significato di ciascun livello in
   * docs/design-system.md.
   */
  --text-xs: 0.875rem;  /* metadati: date, didascalie (14px: il minimo, per chi legge con fatica) */
  --text-sm: 1rem;      /* interfaccia e testo secondario: menu, pulsanti, etichette, pillole, liste di link, note, dati (16px); MAI testo discorsivo */
  --text-base: 1.125rem;   /* corpo del testo = 18px (con la radice a 16px), lo stesso del body: paragrafi, descrizioni nelle card, sommari, riassunti: TUTTO il testo discorsivo (Lato ha un'altezza della x più piccola di Montserrat: 18px) */
  --text-h4: 1.2rem;    /* titoletti di componente: intestazioni footer, blocchi della colonna destra (sopra il corpo, 18px) */
  --text-h3: 1.3rem;    /* titoli di card/articolo */
  --text-h2: clamp(1.5rem, 3vw, 2.1rem); /* titoli di sezione */
  --text-h1: clamp(2rem, 4vw, 3rem);     /* titolo di pagina (uno per pagina) */
  --text-prayer: 1.15rem; /* testo delle preghiere nel box Preghiera */
  --text-quote: 1.2rem;   /* citazioni */
  --text-label: 0.875rem; /* "eyebrow"/kicker: maiuscolo, spaziato, es. date e categorie (14px) */
  --label-letter-spacing: 0.06em;

  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;

  --container-width: 1160px;
  /* colori liturgici (pagina Tempo liturgico): pallino accanto al nome del tempo */
  --liturgia-viola: #6b46a8;
  --liturgia-verde: #2e7d4f;
  --liturgia-rosso: #b3262e;
  --liturgia-bianco: #ffffff;
  /* distanza tra la fascia in alto (top story / fascia di sezione) e il primo contenuto, uguale in tutte le pagine */
  --banner-gap: 40px;
  --content-columns: minmax(0, 8fr) minmax(0, 4fr); /* pagine di contenuto: testo col-lg-8 + colonna destra col-lg-4 (vedi .content-layout) */
}