/*
 * Variabili globali - riuso colori, radius, spacing, typography
 */

:root {
  /* Base tipografica: 1rem = 10px (impostato dal tema base) */
  --v2-font-base: 1rem;

  /* Palette */
  --v2-bg: #f3f5f8;
  --v2-dark: #2d3c4b;
  --v2-darker: #2d3c4b;
  --v2-green: #91c43f;
  --v2-green-dark: #79aa2f;
  --v2-green-soft: #86a362;
  --v2-text: #2d3c4b;
  --v2-white: #ffffff;

  /* Border + surfaces */
  --v2-border: #d9e0e8;
  --v2-border-soft: #e4eaf0;
  --v2-card-top: #f0f3f7;

  /* Radius */
  --v2-radius-xs: 0.4rem;
  --v2-radius-sm: 0.6rem;
  --v2-radius-md: 0.8rem;
  --v2-radius-lg: 1rem;

  /* Spacing */
  --v2-space-1: 0.4rem;
  --v2-space-2: 0.8rem;
  --v2-space-3: 1.2rem;
  --v2-space-4: 1.6rem;
  --v2-space-5: 2.4rem;
  --v2-space-6: 3.2rem;

  /* Typography – base 10px, 1rem = 10px */
  --v2-fs-h1:       6rem;    /* 60px */
  --v2-fs-h2:       3.5rem;    /* 35px */
  --v2-fs-kicker:   1.8rem;  /* 18px */
  --v2-fs-p:        2rem;    /* 20px */
  --v2-fs-btn:      1.6rem;  /* 16px */
  --v2-fs-filter:   1.2rem;  /* 12px */
  --v2-fs-card-date:  1.4rem;  /* 14px */
  --v2-fs-card-title: 2.2rem;  /* 22px */
  --v2-fs-card-text:  1.6rem;  /* 16px */
  --v2-fs-card-link:  1.6rem;  /* 16px */
}