/* ══════════════════════════════════════════════════════════════════════════
   Design tokens «Kosmos» — l'unico posto con valori esadecimali.
   Base Interstellar (nero spazio, gradienti quieti) + fantasy luminoso
   Final Fantasy: violet come accento primario, oro come contrappunto,
   glow presenti. Palette e font sono quelli preferiti dall'autrice.
   ══════════════════════════════════════════════════════════════════════════ */
:root {
  /* Superfici */
  --k-void: #07070f;            /* sfondo pagina (starfield) */
  --k-space-900: #0c0c1c;       /* sezioni alternate */
  --k-space-800: #111832;       /* superfici card */
  --k-nebula: #1d2a4d;          /* bordi, divisori */
  --k-nebula-glow: rgba(23, 18, 58, 1);  /* centro del gradiente hero (starfield) */
  --k-glass: rgba(255, 255, 255, 0.035);
  --k-line: rgba(255, 255, 255, 0.09);

  /* Testo */
  --k-starlight: #eae7f5;       /* testo primario */
  --k-stardust: #a6a1c2;        /* testo secondario, metadati */

  /* Accenti */
  --k-violet: #9b6bff;          /* accento primario: link, focus, CTA, glow */
  --k-violet-soft: #c084fc;     /* alto del gradiente sui bottoni */
  --k-violet-dim: #6a49b8;      /* violet spento: numeri, dettagli */
  --k-crystal: #4fd6d0;         /* cristallo: dettagli, stati "in lavorazione" */
  --k-crystal-deep: #3fa9bc;
  --k-aurum: #f2c14e;           /* oro: CTA negozi, eyebrow, citazioni */
  --k-verdant: #8ccb9b;         /* badge "disponibile" */
  --k-glow-violet: rgba(155, 107, 255, 0.55);

  /* Dualismo: la stessa rampa percorsa per intero sia dall'arte sia dal titolo
     dell'hero — argento→violet→oro. Un solo posto, così non possono divergere.
     Sull'arte, dove la rampa è bianca l'immagine resta argento: il bianco non ha
     saturazione da cedere alla fusione `color`, e il cromo alla FFVII sopravvive.
     I fermi sono quelli scelti dall'autrice: sul titolo danno «LA CUS» bianco,
     «TODE E IL GUAR» violet, «DIANO» oro; sull'arte l'oro prende il fianco destro
     del pianeta e la base dello stelo. Toccarli cambia quella spartizione, su
     entrambi insieme. L'oro è al 80%: il testo copre solo il ~75% del box dell'h1,
     quindi oltre quel valore l'oro cade fuori dalle lettere. */
  --k-ramp: linear-gradient(125deg, #fff 6%, var(--k-violet) 52%, var(--k-aurum) 80%);

  /* Tipografia */
  --k-font-display: 'Cormorant Garamond', Georgia, serif;
  --k-font-body: 'Manrope', system-ui, sans-serif;

  /* Ritmo */
  --k-maxw: 1180px;
  --k-maxw-narrow: 760px;
  --k-radius: 18px;
  --k-radius-sm: 10px;
  /* Controlli piccoli (bottoni, badge, chip, store): squadrati, non a
     pastiglia — l'autrice non ama né i badge a pastiglia né i bottoni tondi. Sono 2px
     e non 0 solo per non avere lo spigolo vivo. Le superfici grandi (card,
     pannelli, copertine) restano morbide con --k-radius/--k-radius-sm: il
     contrasto fra etichetta incisa e superficie è voluto. */
  --k-radius-xs: 2px;

  /* Livelli */
  --k-z-nav: 100;
  --k-z-cosmos: -2;
}