/* ==========================================================================
   TOKEN — Space&Blue
   Palette dal logo ufficiale (navy e oro della "&") e discesa cromatica
   dall'orbita agli abissi. Valori dal prototipo (assets/css/style.css).
   I colori della palette dell'editor (theme.json) hanno lo stesso nome
   senza --sb-: se si cambia un valore qui va cambiato anche lì.
   ========================================================================== */

:root {
  /* spazio */
  --sb-space-0: #03050c;
  --sb-space-1: #070b18;
  --sb-navy: #2c3b53;
  /* brand */
  --sb-gold: #b59d4f;
  --sb-gold-lt: #d6bb6a;
  --sb-gold-hover: #e6cd83;
  --sb-gold-dk: #8a6f22;      /* oro leggibile su fondo chiaro */
  /* mare, dalla superficie agli abissi */
  --sb-surface: #0e5580;
  --sb-sea-0: #093b5c;
  --sb-sea-1: #0a3f62;
  --sb-sea-2: #072c47;
  --sb-sea-3: #06223a;
  --sb-abyss: #041828;
  --sb-abyss-0: #020a12;
  --sb-sea-panel: #071222;     /* riquadro della cifra congiunta */
  /* testo su scuro */
  --sb-text: #eef2f6;
  --sb-text-soft: #c3d6e6;
  --sb-error: #ff9a8f;         /* errori del modulo su fondo scuro */
  --sb-text-hero: #c9d8e6;     /* sottotitolo dell'apertura */
  --sb-text-figure: #d3dfeb;   /* etichette delle cifre, testi sul mare */
  --sb-muted: #a9b8c8;
  --sb-line: rgba(238, 242, 246, .16);
  --sb-ghost-line: rgba(238, 242, 246, .38);
  --sb-toggle-line: rgba(238, 242, 246, .35);
  /* sezioni chiare */
  --sb-paper: #eef1f5;
  --sb-ink: #14203a;
  --sb-ink-muted: #4a5870;
  --sb-ink-line: rgba(20, 32, 58, .14);
  --sb-ghost-line-ink: rgba(20, 32, 58, .35);
  /* veli */
  --sb-header-veil: rgba(3, 5, 12, .72);
  --sb-header-veil-solid: rgba(3, 5, 12, .95);
  --sb-band-duotone: linear-gradient(135deg, #16223d 0%, #1d5e8e 55%, #6fb2dc 100%);
  --sb-band-shade:
    linear-gradient(90deg, rgba(3, 5, 12, .72) 0%, rgba(3, 5, 12, .28) 48%, rgba(3, 5, 12, 0) 72%),
    linear-gradient(180deg, rgba(3, 5, 12, .25), rgba(3, 5, 12, 0) 22%, rgba(3, 5, 12, 0) 80%, rgba(3, 5, 12, .3));

  /* scena della home */
  --sb-cover-glow: #78aae6;
  --sb-shadow: #000000;

  --sb-sans: "Archivo", system-ui, sans-serif;
  --sb-serif: "Newsreader", Georgia, serif;

  --sb-wrap: 1320px;
  --sb-gutter: clamp(20px, 4vw, 56px);
  --sb-section: clamp(96px, 12vw, 176px);

  /* Spazi fluidi per il codice nuovo: pad = padding e margini, gap = distanza tra colonne e righe */
  --sb-pad-xs: clamp(24px, 3vw, 40px);
  --sb-pad-s: clamp(32px, 4vw, 56px);
  --sb-pad-m: clamp(40px, 5vw, 64px);
  --sb-pad-l: clamp(48px, 5vw, 72px);
  --sb-pad-xl: clamp(64px, 7vw, 96px);
  --sb-gap-s: clamp(24px, 3.5vw, 56px);
  --sb-gap-m: clamp(28px, 4vw, 64px);
  --sb-gap-l: clamp(40px, 6vw, 96px);
}