/* SSIP - Design tokens (estratti da Figma G7mkUQXftIFa9IwfgmRBSI, node 10:212) */

:root {
  /* Colore */
  --primary: #0b4a52;
  --primary-dark: #073238;
  --accent: #abbe51;
  --accent-bright: #93c01f;
  --ink: #132c24;
  --text: #333333;
  --muted: #444444;
  --muted-inverse: #aaaaaa;
  --white: #ffffff;
  --surface-muted: #d9d9d9;
  --surface-alt: #faf9f6;
  --line-subtle: rgba(0, 0, 0, 0.08);
  --line-on-dark: rgba(255, 255, 255, 0.15);
  /* Tipografia */
  --font-display: 'Roboto Flex', system-ui, sans-serif;
  --font-body: 'Inter', system-ui, sans-serif;
  /* Layout (proporzioni da star) */
  --container: 1240px;
  --section-padding: 84px;
  --radius: 20px;
  --radius-sm: 10px;
  --radius-pill: 100px;
  --shadow-card: 0 8px 12px rgba(0, 0, 0, 0.2);
}

/* ==========================================================================
   Responsive
   ========================================================================== */

@media (max-width: 960px) {
  /* Meno respiro verticale tra le sezioni su mobile — il valore desktop
     (84px) lascia troppo spazio vuoto su schermi stretti, ma resta un
     margine dignitoso, non compresso. */
  :root {
    --section-padding: 56px;
  }
}