/* SVILAPP — Carta: la superficie stampata.
   Importato dopo kits.css, prima dei componenti.

   PERCHÉ ESISTE. I semantici di un kit sono tarati su --sv-bg-1, cioè sul chrome dello
   SCHERMO. La carta invece è bianca in tutti i kit: su Purple e Rame --sv-text-1 è quasi
   bianco e sparirebbe sul foglio. Senza questo layer l'unica via d'uscita è scrivere a mano
   --sv-plum-900 nel corpo — ed è esattamente ciò che rendeva il documento un fossile del kit
   Base, polimorfo solo nel chrome.

   COSA FA. Ri-basa gli inchiostri sul bianco derivandoli da --sv-shade-ink, l'inchiostro più
   scuro che ogni kit già dichiara. Nessun valore nuovo da inventare per kit: la carta è una
   funzione del kit, non una sua seconda definizione.

   COME SI USA. data-kit sul foglio, data-superficie="carta" sulle aree di carta (titolo,
   metadati, corpo). Le fasce di chrome (topbar, piede) restano FUORI dallo scope: là valgono
   i semantici normali del kit — ed è per questo che il marchio in topbar prende da solo la
   polarità giusta, su chrome chiaro come su chrome scuro. Nessuna tabella di polarità.

   Le quote sono tarate sul contrasto reale, non a occhio:
   text-3 al 38% tiene AA (≥4.49) sulle etichette mono da 10px in tutti e sei i kit;
   accent-1 scurito del 14% porta il riempimento arancio di Rame da 2.75 a 3.57. */

[data-superficie="carta"]{
  /* La carta è bianca in ogni kit: è il vincolo, non una scelta di tema. */
  --sv-bg-0:var(--sv-bianco-vero);
  --sv-bg-1:var(--sv-bianco-vero);
  --sv-surface-1:color-mix(in srgb, var(--sv-shade-ink), white 97%);
  --sv-surface-2:color-mix(in srgb, var(--sv-shade-ink), white 94%);
  --sv-surface-3:var(--sv-bianco-vero);

  /* Inchiostri */
  --sv-text-1:color-mix(in srgb, var(--sv-shade-ink), white 8%);   /* titoli e corpo */
  --sv-text-2:color-mix(in srgb, var(--sv-shade-ink), white 30%);  /* testo secondario */
  --sv-text-3:color-mix(in srgb, var(--sv-shade-ink), white 38%);  /* etichette, metadati */
  --sv-text-inverse:var(--sv-bianco-vero);

  /* Filetti: 88% è il capello di tabella, 62% il bordo pieno. */
  --sv-line:color-mix(in srgb, var(--sv-shade-ink), white 88%);
  --sv-line-strong:color-mix(in srgb, var(--sv-shade-ink), white 62%);

  /* Regola dei due usi, versione carta. Il RIEMPIMENTO va scurito: in stampa l'inchiostro
     rende più chiaro che a schermo, e l'arancio di Rame sul bianco non passerebbe. */
  --sv-accent-1:color-mix(in srgb, var(--sv-accent-1-carta-src), var(--sv-shade-ink) 14%);
  --sv-accent-2:color-mix(in srgb, var(--sv-accent-2-carta-src), var(--sv-shade-ink) 14%);
  /* L'INCHIOSTRO d'accento (occhielli, numeri di sezione, chiavi) va più giù ancora. */
  --sv-accent-1-text:color-mix(in srgb, var(--sv-accent-1-carta-src), var(--sv-shade-ink) 26%);
  --sv-accent-2-text:color-mix(in srgb, var(--sv-accent-2-carta-src), var(--sv-shade-ink) 34%);
  --sv-accent-1-tint:color-mix(in srgb, var(--sv-accent-1-carta-src), white 92%);
  --sv-accent-2-tint:color-mix(in srgb, var(--sv-accent-2-carta-src), white 92%);

  /* Feedback su carta: i pieni da schermo sono tarati su fondo scuro e sbiadiscono sul bianco.
     Nome distinto perché una custom property non può derivare da se stessa. */
  --sv-ok-carta:color-mix(in srgb, var(--sv-ok), var(--sv-shade-ink) 26%);
  --sv-warn-carta:color-mix(in srgb, var(--sv-warn), var(--sv-shade-ink) 30%);
  --sv-err-carta:color-mix(in srgb, var(--sv-err), var(--sv-shade-ink) 26%);
  --sv-info-carta:color-mix(in srgb, var(--sv-info), var(--sv-shade-ink) 26%);

  /* Il marchio si ri-inchiostra da solo: --sv-mark-shade è una funzione di text-1 e bg-1,
     e va ridichiarata qui perché nel kit è stata calcolata sui valori da schermo. */
  --sv-mark-shade:color-mix(in oklab, var(--sv-text-1) 30%, var(--sv-bg-1));

  /* In stampa non esistono elevazioni né vetro. */
  --sv-e1:none; --sv-e2:none; --sv-e3:none; --sv-e4:none; --sv-glow-1:none;
  --sv-glass-fill:transparent; --sv-glass-stroke:var(--sv-line); --sv-glass-blur:0px;
  --sv-glass-highlight:none;

  background-color:var(--sv-bianco-vero);
  color:var(--sv-text-1);
  /* La carta è chiara anche dentro un tema scuro: i controlli nativi devono saperlo. */
  color-scheme:light;
}

/* I *-carta-src conservano l'accento del kit prima della ri-base: senza di loro
   --sv-accent-1 dipenderebbe da se stesso e l'intera regola verrebbe scartata. */
:root, [data-kit="purple"]{ --sv-accent-1-carta-src:var(--sv-rosa-500); --sv-accent-2-carta-src:var(--sv-ottanio-500); }
[data-kit="pop"]{ --sv-accent-1-carta-src:#C400C4; --sv-accent-2-carta-src:#2E9E2E; }
[data-kit="regata"]{ --sv-accent-1-carta-src:#252A84; --sv-accent-2-carta-src:#98262A; }
[data-kit="smeraldo"]{ --sv-accent-1-carta-src:#1F7C3B; --sv-accent-2-carta-src:#A9B47B; }
[data-kit="rame"]{ --sv-accent-1-carta-src:#E0863A; --sv-accent-2-carta-src:#4FA8B8; }
[data-kit="rame"]{ --sv-accent-1-carta-src:#B04617; --sv-accent-2-carta-src:#1F5B72; }

/* Filigrana del marchio: il componente polimorfico al posto del PNG, così segue il kit.
   Mai sopra il testo, mai su più di una pagina. */
.sv-filigrana{position:absolute;right:6mm;bottom:2mm;width:90mm;opacity:.05;pointer-events:none}
.sv-filigrana .sv-mark{--sv-mark-size:90mm}