/* Token: custom property di :root — palette e derivati. */

  /* Font self-hostati (erano Young Serif, Karla 300-700, Caveat 600 da Google
     Fonts). Solo il subset "latin" (copre gli accenti italiani e i simboli
     tipografici usati in pagina, es. — U+2014, è nel range U+2000-206F):
     nessun testo cirillico o dell'Europa orientale in questa pagina.
     Karla è un font VARIABILE su Google Fonts: a un browser moderno (quello
     con cui è stato verificato il confronto pixel con l'oracolo) i 5 pesi
     300-700 arrivano tutti dallo STESSO file, e chi lo serve lascia al
     descrittore font-weight il compito di scegliere l'istanza giusta dentro
     l'asse variabile. Riprodotto qui identico (stesso file per i 5 pesi):
     con 5 file statici separati (scelta iniziale, poi corretta) il glifo
     rendeva con un'antialiasing leggermente diverso e il confronto pixel con
     l'oracolo non tornava a zero — non un difetto della divisione dei CSS,
     ma del font sbagliato. */
  @font-face{
    font-family:'Young Serif'; font-style:normal; font-weight:400;
    font-display:swap; src:url('../fonts/young-serif-400.woff2') format('woff2');
  }
  @font-face{
    font-family:'Karla'; font-style:normal; font-weight:300;
    font-display:swap; src:url('../fonts/karla-variabile.woff2') format('woff2');
  }
  @font-face{
    font-family:'Karla'; font-style:normal; font-weight:400;
    font-display:swap; src:url('../fonts/karla-variabile.woff2') format('woff2');
  }
  @font-face{
    font-family:'Karla'; font-style:normal; font-weight:500;
    font-display:swap; src:url('../fonts/karla-variabile.woff2') format('woff2');
  }
  @font-face{
    font-family:'Karla'; font-style:normal; font-weight:600;
    font-display:swap; src:url('../fonts/karla-variabile.woff2') format('woff2');
  }
  @font-face{
    font-family:'Karla'; font-style:normal; font-weight:700;
    font-display:swap; src:url('../fonts/karla-variabile.woff2') format('woff2');
  }
  @font-face{
    font-family:'Caveat'; font-style:normal; font-weight:600;
    font-display:swap; src:url('../fonts/caveat-600.woff2') format('woff2');
  }

  /* ============================================================
     VARIANTE B — impianto a bande di colore + divisori a collina
     ============================================================ */

  /* Token STRUTTURALI e derivati: non appartengono alla palette.
     Restano qui perché si calcolano dai colori, non li dichiarano. */
  :root{
    --sun:rgb(var(--sun-rgb));
    --line:color-mix(in srgb, var(--ink) 14%, transparent);
    --shadow-sm:0 1px 2px rgba(var(--shadow-rgb),.06), 0 8px 20px -14px rgba(var(--shadow-rgb),.4);
    --shadow-md:0 1px 2px rgba(var(--shadow-rgb),.05), 0 22px 48px -24px rgba(var(--shadow-rgb),.32);
    --ease:cubic-bezier(.22,.61,.36,1);
    --maxw:1120px;
    --z-nav:100; --z-overlay:200; --z-float:90;   /* sotto il menu a tutto schermo, di proposito */
  }

  /* ============================================================
     PALETTE — «Foto in salvia (senza rosa)», la combinazione 6 di /prove-colore/.
     SCELTA DEFINITIVA di Roberto e Barbara (07/08/2026): da qui in poi è l'unica
     palette del progetto. La precedente «Verde & sole» (combo 3) è stata rimossa
     insieme al selettore di prova — resta nella storia del progetto, non nel file.
     I valori marcati [6] sono presi tali e quali dalla pagina delle prove.
     Gli altri sono derivati per forza di cose: la combinazione 6 dichiara 17 colori,
     questa pagina ne usa 45. Le derivazioni riguardano solo scale di chiari su fondo
     scuro, ombre e gradiente — NON i fondi delle bande, che restano quelli della 6.
     ============================================================ */
  :root{
    --page:#f5fafb;              /* [6] */
    --card:#ffffff;              /* [6] */
    --surface1:#e9f4f5;          /* [6] */
    --surface2:#fbfdfd;          /* [6] */
    --hill-back:#7fb0bd;         /* [6] */
    --hill-front:#518ea1;        /* [6] */
    --sun-rgb:182,201,164;       /* [6] #b6c9a4 — nella 6 il "sole" è verde salvia, non giallo */
    --ink:#21424a;               /* [6] */
    --ink-soft:#567077;          /* [6] */
    /* CORREZIONE DI ACCESSIBILITÀ, non estetica: la combinazione 6 dichiara
       --accent:#849c72 con testo bianco, che fa 3,01:1 — sotto la soglia 4,5:1
       per il testo, proprio sul pulsante principale. Promosso a colore del
       pulsante il #667a52 che la 6 dichiara come "premuto" (4,70:1), e derivato
       un premuto più scuro. Il difetto è nella palette originale: vale anche
       per il CTA della pagina /prove-colore/. */
    --accent:#667a52;
    --accent-ink:#ffffff;        /* [6] */
    --accent-press:#52643f;
    --chip:#dde8d1;              /* [6] */
    --chip-ink:#38472f;          /* [6] */
    --ring:#667a52;

    /* Semantici, invariati per scelta: non appartengono alla palette */
    --star:#c08a13;              /* le stelle restano ocra: è convenzione, non tinta */
    --busy:#9a3b32; --busy-bg:#f3d9d6;

    /* Bande: prese dalla 6, nessun fondo inventato */
    --band-cream:#fbfdfd;   /* = surface2 */
    --band-sand:#e9f4f5;    /* = surface1 */
    --band-deep:#21424a;    /* = ink */
    --band-paper:#ffffff;   /* = card */
    --band-sun:#b6c9a4;     /* = sun */

    /* Derivati: la scala di chiari sopra la banda scura */
    --on-deep:#f2fbfc; --on-deep-body:#dcecef; --on-deep-soft:#b3ccd1;
    --on-deep-link:#cfe4e8; --on-deep-faint:#93aeb3;

    /* Derivati: sopra la fotografia */
    --on-photo:#ffffff; --on-photo-sub:#eef7f8; --on-photo-note:#e6f2f4;

    /* Derivati: veli e ombre, ricavati dall'ink freddo */
    --scrim-rgb:13,26,29;
    --photo-shadow-rgb:10,20,23;
    --shadow-rgb:33,66,74;

    /* Derivato: il gradiente non va verso il sole ma verso il cielo */
    --dawn-1:#f5fafb; --dawn-2:#f0f9fb; --dawn-3:#e9f7fa; --dawn-4:#e3f5f9; --dawn-5:#ddf3f8;
  }