/* ===================================================
   EYECUBE Design System v2.1.0 — Regime DIURNO (DEFAULT)
   Salvia midcentury luminoso. "Il laboratorio che cura
   con la grazia di una galleria." Approvato 2026-06-16.

   Questo file e la BASE canonica: dichiara i token fisici,
   gli alpha, la tipografia, spazio, griglia e motion.
   Il regime diurno e il default (:root). notturno.css
   riassegna solo le var semantiche su [data-regime="notturno"].

   L'oro champagne NON compare nel diurno: e segno raro del
   solo notturno (private sales / luxury retail).
   Spec: vault/eyecube/immagine-coordinata/brand-system-eyecube.md
=================================================== */

:root,
[data-regime="diurno"] {
  /* --- Colori fisici (8 token brand v2) --- */
  --bianco-caldo:    #FCFBF8;  /* dominante, fondo */
  --salvia:          #3F6B5B;  /* firma: marchio, dati, accenti, hover */
  --terra:           #B5764D;  /* accento caldo raro (clay Anthropic) */
  --salvia-profondo: #2E5044;  /* neutro: testo accento, ombre */
  --mist:            #EAF1ED;  /* neutro: fondi tenui */
  --inchiostro:      #1A1A1A;  /* neutro: testo */
  --notte-caldo:     #16130F;  /* solo regime notturno */
  --oro-champagne:   #C9A96A;  /* solo regime notturno */

  /* --- Alpha derivati --- */
  --inchiostro-dim:   rgba(26, 26, 26, 0.60);
  --inchiostro-ghost: rgba(26, 26, 26, 0.10);
  --salvia-dim:       rgba(63, 107, 91, 0.45);
  --salvia-ghost:     rgba(63, 107, 91, 0.14);
  --terra-dim:        rgba(181, 118, 77, 0.45);
  --terra-ghost:      rgba(181, 118, 77, 0.14);
  --bianco-dim:       rgba(252, 251, 248, 0.60);
  --bianco-ghost:     rgba(252, 251, 248, 0.12);
  --oro-dim:          rgba(201, 169, 106, 0.45);
  --oro-ghost:        rgba(201, 169, 106, 0.15);

  /* --- Var semantiche DIURNE (default) --- */
  --color-bg-base:          var(--bianco-caldo);
  --color-bg-tenue:         var(--mist);
  --color-bg-accent-cool:   var(--salvia);
  --color-text-primary:     var(--inchiostro);
  --color-text-accent:      var(--salvia-profondo);
  --color-text-dim:         var(--inchiostro-dim);
  --color-text-ghost:       var(--inchiostro-ghost);
  --color-accent:           var(--salvia);        /* la firma */
  --color-accent-soft:      var(--salvia-dim);
  --color-accent-ghost:     var(--salvia-ghost);
  --color-accent-warm:      var(--terra);         /* accento caldo raro */
  --color-accent-warm-soft: var(--terra-dim);
  --color-rule:             var(--salvia-ghost);
  --color-on-accent:        var(--bianco-caldo);  /* testo su fondo salvia */

  /* --- Tipografia --- */
  --ff-display: 'Newsreader', Georgia, 'Times New Roman', serif;
  --ff-body:    'Schibsted Grotesk', system-ui, 'Helvetica Neue', sans-serif;
  --ff-mono:    'IBM Plex Mono', 'Courier New', monospace;

  --text-d1:   clamp(52px, 5.5vw, 80px);
  --text-d2:   clamp(36px, 3.8vw, 56px);
  --text-h1:   clamp(28px, 2.8vw, 40px);
  --text-h2:   clamp(20px, 1.9vw, 28px);
  --text-h3:   clamp(14px, 1.2vw, 18px);
  --text-lede: clamp(15px, 1.15vw, 18px);
  --text-body: clamp(13px, 0.9vw, 15px);
  --text-cap:  clamp(9px, 0.7vw, 11px);
  --text-mono: clamp(11px, 0.75vw, 13px);

  --lh-tight:  1.15;
  --lh-snug:   1.35;
  --lh-normal: 1.65;
  --lh-loose:  1.78;

  --ls-tight:  -0.01em;
  --ls-normal: 0;
  --ls-wide:   0.05em;
  --ls-wider:  0.15em;
  --ls-widest: 0.3em;

  /* --- Spaziatura (4pt scale) --- */
  --s-4:  4px;
  --s-8:  8px;
  --s-12: 12px;
  --s-16: 16px;
  --s-24: 24px;
  --s-32: 32px;
  --s-48: 48px;
  --s-64: 64px;
  --s-96: 96px;

  /* --- Griglia --- */
  --grid-columns: 12;
  --gutter: 24px;
  --margin: 64px;

  /* --- Motion (tempo lungo e morbido, easing Anthropic) --- */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --t-fast:      240ms;
  --t-mid:       560ms;
  --t-slow:      1200ms;
  --t-ambient:   9000ms;   /* bolle, respiro: ciclo ambientale lento */

  /* --- Page chrome --- */
  --header-h: 72px;
  --footer-h: 52px;
}