/* ============================================================
   STUDIO DEL GOLFO — Design tokens (sorgente unica)
   Allineati al design system MASTER del vault.
   Ancora vera = blu-grigio di Capo Noli (--sdg-ink), NON il crema.
   ============================================================ */

:root {
  /* --- COLORE --- */
  --sdg-ink:        #2e3f52; /* ancora primaria: testo su chiaro, sezioni scure, brand */
  --sdg-ink-deep:   #22303f; /* sezioni piu scure: contatto, footer */
  --sdg-ink-mid:    #475a6e; /* tono medio: riempimenti, hover scuri */
  --sdg-slate:      #8a98a6; /* testo secondario, label, micro-testo */
  --sdg-slate-soft: #6b7b8c; /* riempimenti placeholder */
  --sdg-divider:    #cdd4db; /* righe 0.5px tra le sezioni */
  --sdg-paper:      #f5f1ea; /* sfondo principale */
  --sdg-paper-soft: #ece6db; /* superficie alternata, card su paper */
  --sdg-clay:       #a6886a; /* accento, usato con parsimonia */

  /* --- TIPOGRAFIA --- */
  --sdg-font-display: 'Cormorant Garamond', Georgia, serif;
  --sdg-font-ui:      'Jost', system-ui, sans-serif;
  --sdg-weight-display: 300;
  --sdg-weight-ui:      200;

  /* Scala tipografica (rem, base 16px) */
  --sdg-text-xs:   0.75rem;
  --sdg-text-sm:   0.875rem;
  --sdg-text-base: 1rem;
  --sdg-text-lg:   1.25rem;
  --sdg-text-xl:   1.75rem;
  --sdg-text-2xl:  2.5rem;
  --sdg-text-3xl:  3.75rem;
  --sdg-leading-body: 1.6;
  --sdg-leading-display: 1.05;

  /* --- SPAZIATURA (ritmo 8px) --- */
  --sdg-space-1: 0.5rem;
  --sdg-space-2: 1rem;
  --sdg-space-3: 1.5rem;
  --sdg-space-4: 2rem;
  --sdg-space-6: 3rem;
  --sdg-space-8: 5rem;

  /* --- RAGGI --- */
  --sdg-radius-card: 16px;
  --sdg-radius-pill: 9999px;

  /* --- REGOLE / BORDI --- */
  --sdg-hairline: 0.5px solid var(--sdg-divider);

  /* --- LAYOUT --- */
  --sdg-container: 72rem; /* ~1152px */

  /* --- MOVIMENTO --- */
  --sdg-dur-1: 150ms;
  --sdg-dur-2: 240ms;
  --sdg-dur-3: 360ms;
  --sdg-ease: cubic-bezier(.22, .61, .36, 1);

  /* --- Z-INDEX --- */
  --sdg-z-base: 0;
  --sdg-z-nav: 50;
  --sdg-z-overlay: 80;
  --sdg-z-modal: 100;
}