/* ═══════════════════════════════════════════════════════════════
   L'ULTIMA ECLISSI — Teaser intro · palette-lock definitiva
   Deriva dai token del design system (colors_and_type.css) e dai
   colori dominanti estratti dalle 6 card del pantheon.
   Tutte le scene, i layer e l'overlay quantizzano su INTRO_PALETTE.
═══════════════════════════════════════════════════════════════ */
:root{
  /* ── Fondali / cielo eclisse (freddo) ── */
  --intro-bg:        #080612;   /* pagina client / bordo esterno */
  --intro-void:      #181028;   /* --bg-void del DS: cielo profondo */
  --intro-night:     #282848;   /* --pal-periwinkle-d: cielo medio */
  --intro-dusk:      #507090;   /* --pal-periwinkle-m: orizzonte freddo */
  --intro-haze:      #8890B8;   /* --pal-periwinkle-l: foschia/luce lunare */

  /* ── Entropia / ombra (viola) ── */
  --intro-shadow:    #380808;   /* --pal-rose-d */
  --intro-mauve:     #602038;   /* --accent-shadow */
  --intro-violet:    #905878;   /* --pal-mauve-m */
  --intro-lilac:     #C090B0;   /* --pal-mauve-l */

  /* ── Oro / luce / mestieri (caldo) ── */
  --intro-ember:     #802800;   /* --pal-orange-d: braci */
  --intro-fire:      #C05020;   /* --pal-orange-m */
  --intro-amber:     #E87838;   /* --accent-fire */
  --intro-gold-d:    #806800;   /* --pal-gold-d */
  --intro-gold:      #E8C838;   /* --fg-accent: sole/focolare/UI */
  --intro-cream:     #E8E0D0;   /* --fg-primary: highlight/testo */

  /* ── Pietra / mondo sbiadito (neutri) ── */
  --intro-stone-d:   #202828;   /* --pal-gray-d */
  --intro-stone:     #485858;   /* --pal-gray-m */
  --intro-stone-l:   #809090;   /* --pal-gray-l */
  --intro-tan:       #806838;   /* --pal-tan-m: legno/travi */

  /* ── Vita (uso parco: Lirien / Cultore) ── */
  --intro-moss:      #184818;   /* --pal-green-d */
  --intro-teal:      #38C0B0;   /* --accent-ice: Lirien */

  /* ── Overlay UI ── */
  --intro-scrim:     linear-gradient(180deg, rgba(8,6,18,0) 0%, rgba(8,6,18,.30) 45%, rgba(8,6,18,.72) 100%);
  --intro-text:      var(--intro-cream);
  --intro-text-dim:  #C0B898;   /* --fg-secondary */
  --intro-font-ui:   'Press Start 2P', monospace;
  --intro-font-body: 'VT323', monospace;

  /* ── Timing ── */
  --intro-xfade:     650ms;
  --intro-kb:        9s;
}

/* Palette come lista JS-friendly (per il quantize del post-pass).
   Stesso ordine dei token sopra — 22 colori. */
/* INTRO_PALETTE = [
  "#080612","#181028","#282848","#507090","#8890B8",
  "#380808","#602038","#905878","#C090B0",
  "#802800","#C05020","#E87838","#806800","#E8C838","#E8E0D0",
  "#202828","#485858","#809090","#806838",
  "#184818","#38C0B0"
] */