/* =========================================================
   Design tokens — single source of truth per colori, tipografia,
   spazi, raggi, ombre. Mai valori hard-coded altrove.
   ========================================================= */

:root {
  /* Brand */
  --navy: #0e2e4f;
  --navy-2: #13314f;
  --teal: #0196ad;
  --teal-dark: #0e6b78;
  --teal-mid: #5abacb;
  --teal-soft: #e9f4f6;
  --magenta: #ec0a7e;
  --magenta-dark: #c80668;
  --slate: #5b6b7a;

  /* Surface */
  --bg-soft: #f4f7f8;
  --line: #e2eaec;
  --white: #ffffff;

  /* Typography */
  --font-display: "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body: "Open Sans", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Layout */
  --max-w: 1180px;
  --gutter: 28px;

  /* Radii */
  --radius: 14px;
  --radius-sm: 8px;

  /* Spacing scale (4-pt) */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 20px;
  --s-6: 24px;
  --s-7: 32px;
  --s-8: 40px;
  --s-9: 56px;
  --s-10: 72px;

  /* Shadows */
  --shadow-card: 0 26px 50px -28px rgba(14, 46, 79, 0.32);
  --shadow-cta: 0 10px 24px -10px rgba(236, 10, 126, 0.6);
  --shadow-cta-hover: 0 16px 30px -12px rgba(236, 10, 126, 0.7);

  /* Motion */
  --t-fast: 160ms;
  --t-base: 180ms;
  --t-reveal: 600ms;
  --ease: cubic-bezier(0.2, 0.6, 0.2, 1);

  /* Z-index scale */
  --z-nav: 50;
  --z-overlay: 45;
  --z-skip: 100;
}