/* ============================================================
   Studio Professionale Associato Gentile — design token
   Palette derivata dal logo reale (Nuovo-logo-1.png).
   5 famiglie cromatiche, nessuna famiglia nuova ammessa.
   ============================================================ */

:root {
  /* -- Colore: famiglie date ------------------------------- */
  --surface-base: #FAF2EA;   /* avorio di fondo */
  --ink:          #182838;   /* navy dominante, testo */
  --gold-light:   #D8A878;   /* oro chiaro, highlight */
  --gold-mid:     #B88048;   /* oro/bronzo medio, filetti */
  --gold-deep:    #986030;   /* bronzo scuro, hover/pressed */

  /* -- Tinte derivate (solo dentro le 5 famiglie) ----------- */
  --surface-alt:  #F1E4D3;   /* avorio più carico, pannelli */
  --surface-warm: #EBDAC4;   /* avorio profondo, righe registro */
  --ink-soft:     #3B4C60;   /* navy schiarito, testo secondario */
  --ink-deep:     #101B27;   /* navy quasi nero, pannelli scuri */
  --gold-faint:   #E7CBA8;   /* oro slavato, sfondi badge */

  /* -- Tipografia ------------------------------------------- */
  --font-display: "Newsreader", Georgia, "Times New Roman", serif;
  --font-body:    "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono:    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

  /* -- Misure ------------------------------------------------ */
  --page-max:   1280px;
  --measure:    64ch;
  --gutter:     clamp(1.25rem, 4vw, 3.5rem);
  --blocco:     clamp(4rem, 9vw, 8rem);      /* respiro fra sezioni */

  /* -- Filetti ----------------------------------------------- */
  --filetto:        1px solid var(--gold-mid);
  --filetto-forte:  2px solid var(--gold-mid);
  --filetto-navy:   1px solid var(--ink);
  --filetto-doppio: 4px double var(--gold-mid);

  /* -- Motion ------------------------------------------------ */
  --dur-veloce: 140ms;
  --dur-base:   220ms;
  --dur-lenta:  560ms;   /* solo reveal in scroll (foto, filetti, titoli), mai hover */
  --ease-uscita: cubic-bezier(0.22, 0.7, 0.3, 1);
  --ease-entrata: cubic-bezier(0.55, 0.08, 0.75, 0.4);
  --ease-editoriale: cubic-bezier(0.22, 1, 0.36, 1);  /* ease-out quint, per i reveal */
}