/* Pure Drive — design tokens
   Identità presa dal biglietto da visita: argento su antracite testurizzato,
   wireframe con nodi luminosi, geometrico sottile molto spaziato.
   Palette monocroma per scelta della cliente: solo nero e argento.
   L'unico colore è l'azzurro dell'anello di focus, che serve per l'accessibilità. */

:root {
  /* Superfici */
  --ink-990: #060608;
  --ink-950: #0A0B0D;
  --ink-900: #101216;
  --ink-850: #16181E;

  /* Testo */
  --white: #F6F7F8;
  --silver: #C6CBD2;
  --silver-dim: #8B929C;
  --silver-faint: #808792;

  /* Luce (i nodi del marchio) */
  --glow: #FFFFFF;
  --glow-soft: rgba(255, 255, 255, 0.72);

  /* Filetti e velature */
  --line: rgba(246, 247, 248, 0.12);
  --line-strong: rgba(246, 247, 248, 0.26);
  --line-faint: rgba(246, 247, 248, 0.06);

  /* Semantico */
  --focus: #9FB6D6;
  --danger: #E29184;
  --ok: #93C9A7;

  /* Tipografia */
  --font-display: "Jost", "Century Gothic", "Futura", system-ui, sans-serif;
  --font-text: "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;

  --text-display: clamp(2.5rem, 1.1rem + 5.8vw, 6rem);
  --text-h2: clamp(1.75rem, 1.2rem + 2.1vw, 3rem);
  --text-h3: clamp(1.2rem, 1.1rem + 0.55vw, 1.55rem);
  --text-lede: clamp(1.05rem, 0.98rem + 0.4vw, 1.25rem);
  --text-body: clamp(1rem, 0.97rem + 0.15vw, 1.0625rem);
  --text-small: 0.875rem;
  --text-micro: 0.78rem;

  --track-wordmark: 0.2em;
  --track-display: 0.015em;

  /* Ritmo */
  --shell-max: 75rem;
  --shell-pad: clamp(1.25rem, 0.6rem + 2.6vw, 3.5rem);
  --space-section: clamp(4.5rem, 3rem + 6vw, 9rem);
  --space-block: clamp(2rem, 1.4rem + 2vw, 3.5rem);

  /* Movimento */
  --duration-fast: 160ms;
  --duration-normal: 320ms;
  --duration-draw: 2200ms;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);

  --radius-sm: 2px;
}