@font-face {
  font-family: 'Gambarino';
  src: url('../fonts/Gambarino-Regular.woff2') format('woff2'),
       url('../fonts/Gambarino-Regular.woff') format('woff'),
       url('../fonts/Gambarino-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

:root {
  /* COLORI */
  --color-primary:        #000080;
  --color-primary-hover:  #0033cc;
  --color-primary-active: #000060;

  --color-secondary:        #1e8000;
  --color-secondary-hover:  #166600;
  --color-secondary-active: #0f4b00;

  --color-accent: var(--color-secondary);

  --color-text:    #222;
  --color-heading: #111;
  --color-muted:   #555;

  --color-link:       var(--color-primary);
  --color-link-hover: var(--color-primary-hover);

  --color-bg:       #ffffff;
  --color-bg-light: #f8f9fa;
  --color-border:   #ddd;

  --color-on-primary:   #ffffff;
  --color-on-secondary: #ffffff;

  /* TIPOGRAFIA */
  --font-body:    'Inter', system-ui, sans-serif;
  --font-heading: 'Gambarino', 'Georgia', serif;

  /* CTA */
  --cta-radius:      9999px;
  --cta-padding-y:   0.75rem;
  --cta-padding-x:   1.5rem;
  --cta-font-weight: 600;
  --cta-transition:  all 0.25s ease-in-out;
  --cta-shadow:      0 4px 12px rgba(0,0,0,0.14), 4px 6px 16px rgba(0,0,0,0.18);
  --cta-shadow-hover: 0 8px 18px rgba(0,0,0,0.18), 6px 10px 24px rgba(0,0,0,0.22);
  --cta-shadow-active: 0 3px 8px rgba(0,0,0,0.14), 2px 4px 10px rgba(0,0,0,0.16);
}