/* Fondazione Filippo Mantovani — Color tokens */
:root {
  /* ===== Base scales ===== */

  /* Blu istituzionale (primary) */
  --blue-50:  #F2F6FA;
  --blue-100: #E0EAF3;
  --blue-200: #BED4E6;
  --blue-300: #92B5D2;
  --blue-400: #5E8DB5;
  --blue-500: #3A6B96;
  --blue-600: #2A5379;
  --blue-700: #1F415F;
  --blue-800: #17324A;
  --blue-900: #102436;

  /* Neutri caldi (avorio / grigio caldo) */
  --neutral-0:   #FFFFFF;
  --neutral-50:  #FAF9F7;
  --neutral-100: #F3F1ED;
  --neutral-200: #E7E4DE;
  --neutral-300: #D3CFC7;
  --neutral-400: #A8A39A;
  --neutral-500: #7C7770;
  --neutral-600: #5C5850;
  --neutral-700: #44403A;
  --neutral-800: #2E2B27;
  --neutral-900: #1D1B18;

  /* Rosso del logo — solo accento, mai dominante */
  --red-100: #F9E3E2;
  --red-500: #C24B44;
  --red-600: #B3312C;
  --red-700: #92251F;

  /* Semantici */
  --green-100: #E3F0E6;
  --green-600: #2F7A45;
  --amber-100: #FBF0DC;
  --amber-600: #A8690F;

  /* ===== Semantic aliases ===== */

  /* Testo */
  --text-heading: var(--blue-800);
  --text-body:    var(--neutral-700);
  --text-muted:   var(--neutral-500);
  --text-inverse: #FFFFFF;
  --text-link:    var(--blue-600);
  --text-link-hover: var(--blue-800);

  /* Superfici */
  --surface-page:    #FFFFFF;
  --surface-warm:    var(--neutral-50);
  --surface-tint:    var(--blue-50);
  --surface-card:    #FFFFFF;
  --surface-navy:    var(--blue-800);
  --surface-overlay: rgba(16, 36, 54, 0.55);

  /* Interattivi */
  --action-primary:        var(--blue-700);
  --action-primary-hover:  var(--blue-800);
  --action-primary-active: var(--blue-900);
  --accent:                var(--red-600);
  --accent-hover:          var(--red-700);

  /* Bordi */
  --border-subtle:  var(--neutral-200);
  --border-default: var(--neutral-300);
  --border-focus:   var(--blue-500);

  /* Ring di focus */
  --focus-ring: 0 0 0 3px rgba(58, 107, 150, 0.30);
}