/* tokens.css — Design tokens (CSS Custom Properties) */
:root {
  /* Colori */
  --bg-primary: #210728;
  --bg-dark: #17051d;
  --bg-card: #2b0d36;
  --accent-yellow: #ffd329;
  --gold: #ffd429;
  --white: #f1f4f4;
  --text: #b9a9c4;
  --text-dark: #102013;
  --neon-green: #22d943;

  --btn-primary-grad: linear-gradient(180deg, #8cff4b 0%, #19c93f 100%);
  --btn-secondary-border: #c18a2e;

  /* Tipografia */
  --font-main: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --fs-body: clamp(0.95rem, 1.4vw, 1rem);
  --fs-h1: clamp(2.25rem, 5vw, 3rem);
  --fs-h2: clamp(1.65rem, 3.4vw, 2.125rem);
  --fs-h3: clamp(1.25rem, 2.2vw, 1.5rem);
  --lh: 1.6;

  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-extrabold: 800;

  /* Spaziatura */
  --space-section: clamp(2.5rem, 5vw, 3.75rem);
  --space-grid: 1.25rem;      /* 20px */
  --space-para: 1.25rem;      /* 20px */
  --space-h2-text: 1.25rem;   /* 20px */
  --space-h3-text: 1rem;      /* 16px */
  --space-faq: 0.875rem;      /* 14px */
  --pad-card: 1.5rem;         /* 24px */

  /* Layout */
  --container: 1440px;
  --radius: 6px;
  --radius-lg: 12px;

  /* Ombre */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.25);
  --shadow-md: 0 8px 28px rgba(0, 0, 0, 0.35);

  /* Transizioni */
  --transition: 0.25s ease;
  --transition-fast: 0.15s ease;

  /* Header */
  --header-h: 76px;
}