/* NDATECH — design token.
   Palette verificata a contrasto: shell AAA 16.33:1, body AAA 17.13:1,
   link su carta AA 5.56:1. Il blu del marchio (#6A90BE, campionato da logo.png)
   ha 3.31:1 su bianco: si usa SOLO per forme, bordi e marcature, mai per testo. */

:root {
  /* ---- Shell scura: header, hero, footer ---- */
  --ink-900: #0b0f14;
  --ink-800: #121a24;
  --ink-700: #1c2634;
  --ink-600: #2a3646;
  --ink-500: #3c4a5c;
  --ink-300: #9aa9bb;
  --ink-200: #c3ccd7;
  --ink-100: #e8edf3;

  /* ---- Corpo chiaro: sezioni di lettura, screenshot, prodotti ---- */
  --paper-0: #ffffff;
  --paper-50: #f5f7fa;
  --paper-100: #e7ebf1;
  --paper-200: #d5dce6;
  --slate-900: #161c24;
  --slate-700: #2f3947;
  --slate-600: #4a5568;
  --slate-400: #7b8798;

  /* ---- Marchio: campionato da images/logo.png ---- */
  --brand-300: #8fb2d4; /* accento su shell */
  --brand-500: #6a90be; /* blu del logo — forme e bordi */
  --brand-700: #3f6b99; /* link e testo su chiaro */
  --brand-900: #2a4a6b;

  /* ---- Semantici ---- */
  --ok-500: #2f855a;
  --warn-500: #b7791f;
  --err-500: #c53030;
  --err-300: #fc8181;

  /* ---- Tipografia ---- */
  --font-display: "Space Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;

  /* Scala modulare 1.2, fluida: nessun breakpoint necessario per il testo */
  --step--1: clamp(0.8125rem, 0.79rem + 0.11vw, 0.875rem);
  --step-0: clamp(1rem, 0.96rem + 0.2vw, 1.0625rem);
  --step-1: clamp(1.1875rem, 1.13rem + 0.29vw, 1.3125rem);
  --step-2: clamp(1.4375rem, 1.34rem + 0.49vw, 1.625rem);
  --step-3: clamp(1.75rem, 1.59rem + 0.8vw, 2.0625rem);
  --step-4: clamp(2.125rem, 1.88rem + 1.21vw, 2.625rem);
  --step-5: clamp(2.5625rem, 2.22rem + 1.7vw, 3.3125rem);
  --step-6: clamp(3.0625rem, 2.6rem + 2.31vw, 4.125rem);

  /* ---- Spaziatura ---- */
  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs: 0.75rem;
  --space-s: 1rem;
  --space-m: 1.5rem;
  --space-l: 2.25rem;
  --space-xl: 3.5rem;
  --space-2xl: clamp(3.5rem, 2.5rem + 5vw, 6rem);
  --space-3xl: clamp(5rem, 3.5rem + 7.5vw, 9rem);

  /* ---- Layout ---- */
  --shell-max: 74rem;
  --measure: 68ch;
  --gutter: clamp(1.125rem, 0.7rem + 2.1vw, 2.5rem);
  --header-h: 4.5rem;

  /* ---- Forme ---- */
  --radius-s: 0.375rem;
  --radius-m: 0.75rem;
  --radius-l: 1.25rem;
  --radius-pill: 999px;
  --border-hair: 1px solid color-mix(in srgb, currentColor 14%, transparent);

  /* ---- Ombre ---- */
  --shadow-s: 0 1px 2px rgb(11 15 20 / 0.06), 0 1px 3px rgb(11 15 20 / 0.08);
  --shadow-m: 0 4px 12px rgb(11 15 20 / 0.08), 0 2px 4px rgb(11 15 20 / 0.06);
  --shadow-l: 0 18px 40px rgb(11 15 20 / 0.14), 0 6px 14px rgb(11 15 20 / 0.08);

  /* ---- Movimento ---- */
  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0.05, 0.36, 1);
  --dur-fast: 160ms;
  --dur: 320ms;
  --dur-slow: 620ms;
  --reveal-shift: 1.75rem;
}