/* ============================================================
   Syrus Precision — Design Tokens (ADR-003/006)
   ============================================================ */
:root {
  /* Brand */
  --c-blue: #1668b2;
  --c-blue-deep: #084785;
  --c-blue-600: #1559a0;
  --c-gold: #ffb400;
  --c-black: #0a0a0a;
  --c-ink: #14181f;
  --c-muted: #5b6472;
  --c-line: #e7eaef;
  --c-bg: #f8f9fa;
  --c-surface: #ffffff;
  --c-surface-2: #f1f4f8;

  /* Gradients */
  --grad-blue: linear-gradient(135deg, var(--c-blue) 0%, var(--c-blue-deep) 100%);
  --grad-mesh: radial-gradient(60% 80% at 20% 10%, rgba(22,104,178,.10), transparent 60%),
               radial-gradient(50% 60% at 90% 20%, rgba(255,180,0,.08), transparent 60%);

  /* Glass */
  --glass-bg: rgba(255,255,255,.72);
  --glass-brd: rgba(255,255,255,.6);
  --glass-blur: blur(18px) saturate(1.4);

  /* Typography */
  --font-display: "Geist", "Inter", system-ui, -apple-system, Segoe UI, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, Segoe UI, sans-serif;
  --font-mono: ui-monospace, "SFMono-Regular", "Geist Mono", Menlo, monospace;

  --fs-display: clamp(2.6rem, 6vw, 5rem);
  --fs-h1: clamp(2.2rem, 5vw, 3.6rem);
  --fs-h2: clamp(1.7rem, 3.4vw, 2.6rem);
  --fs-h3: clamp(1.2rem, 2vw, 1.5rem);
  --fs-lead: clamp(1.05rem, 1.6vw, 1.3rem);
  --fs-body: 1.0625rem;
  --lh-tight: 1.05;
  --lh-body: 1.65;
  --ls-tight: -0.04em;

  /* Spacing (8px) */
  --sp-1: .5rem; --sp-2: 1rem; --sp-3: 1.5rem; --sp-4: 2rem;
  --sp-5: 3rem; --sp-6: 4rem; --sp-7: 6rem; --sp-8: 8rem;

  /* Radius / shadow */
  --r-sm: .6rem; --r-md: 1rem; --r-lg: 1.5rem; --r-xl: 2rem; --r-pill: 999px;
  --sh-1: 0 2px 8px rgba(10,15,25,.05);
  --sh-2: 0 20px 40px rgba(10,15,25,.06);
  --sh-3: 0 30px 70px rgba(10,15,25,.10);
  --sh-blue: 0 16px 40px rgba(22,104,178,.28);

  /* Layout */
  --container: 1180px;
  --container-narrow: 760px;

  /* Motion */
  --ease: cubic-bezier(.2,.8,.2,1);
  --dur: .6s;

  /* Bootstrap overrides */
  --bs-primary: #1668b2;
  --bs-border-radius: var(--r-md);
  --bs-border-radius-lg: var(--r-lg);
  --bs-body-font-family: var(--font-body);
}

@media (prefers-color-scheme: dark) {
  /* Le sezioni dark sono gestite per-sezione; lo schema globale resta light per coerenza brand. */
}