/* ==========================================================================
   New Skate — Design tokens (single source of truth lato tema)
   Speculare a claude-code/DESIGN.md e templates-pro/kit-settings.json.
   Impeccable opera qui con /colorize, /typeset, /polish.
   ========================================================================== */
:root {
  /* Colore — ratio: blu dominante, rosso solo azioni, giallo solo accento */
  --nsk-primary:    #0D2A8C;
  --nsk-primary-2:  #143BB5;
  --nsk-ink:        #101114;
  --nsk-accent:     #E2261C;  /* CTA/hover/link */
  --nsk-signal:     #FFD200;  /* solo divider/motivo, mai testo su chiaro */
  --nsk-surface:    #FFFFFF;
  --nsk-surface-2:  #F4F6FB;
  --nsk-text:       #101114;
  --nsk-text-muted: #565B66;

  /* Type */
  --nsk-font-display: "Bricolage Grotesque", system-ui, sans-serif;
  --nsk-font-body:    "Inter", system-ui, sans-serif;
  --nsk-fw-display: 800;
  --nsk-fw-strong:  700;

  /* Scala tipografica */
  --nsk-fs-hero: clamp(2.4rem, 5vw, 3.5rem);
  --nsk-fs-h2:   clamp(1.7rem, 3.4vw, 2.4rem);
  --nsk-fs-h3:   1.25rem;
  --nsk-fs-body: 1rem;
  --nsk-fs-cap:  0.85rem;
  --nsk-lh-title: 1.1;
  --nsk-lh-body:  1.6;

  /* Layout */
  --nsk-container: 1180px;
  --nsk-gutter: 24px;
  --nsk-radius: 8px;
  --nsk-radius-lg: 10px;
  --nsk-section-y: 80px;
}

/* Quality floor */
:where(a, button, [tabindex]):focus-visible {
  outline: 3px solid var(--nsk-accent);
  outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}