/* ============================================================
   Vittoria RMS — Colors
   Azure palette echoing the logo. Built to convey sicurezza:
   calm, deep, trustworthy blues + clear risk semantics.
   ============================================================ */

:root {
  /* --- Brand azure scale (anchor: brand-600 = logo blue #005CAA) --- */
  --azure-50:  #ECF4FB;
  --azure-100: #D4E6F6;
  --azure-200: #AECDEC;
  --azure-300: #7FAFDE;
  --azure-400: #4B8BCC;
  --azure-500: #1E6CB8;
  --azure-600: #005CAA;  /* Vittoria brand blue */
  --azure-700: #024E8E;
  --azure-800: #083F71;
  --azure-900: #0C3156;
  --azure-950: #08213A;

  /* --- Cool neutral scale (logo subtitle grey ≈ grey-400) --- */
  --grey-0:   #FFFFFF;
  --grey-50:  #F6F8FB;
  --grey-100: #EEF2F7;
  --grey-200: #E0E7EF;
  --grey-300: #CBD5E0;
  --grey-400: #9AA8B8;
  --grey-500: #6B7888;
  --grey-600: #4E5A68;
  --grey-700: #39434F;
  --grey-800: #28303A;
  --grey-900: #181E25;
  --grey-950: #0E1318;

  /* --- Risk semantics (the heart of an RMS) --- */
  --risk-low-50:  #E8F6EE;
  --risk-low-100: #C6E9D4;
  --risk-low-500: #1E8E5A;   /* basso / accettabile */
  --risk-low-700: #136141;

  --risk-moderate-50:  #FEF6DE;
  --risk-moderate-100: #FBE7A6;
  --risk-moderate-500: #F2B10A;   /* moderato — giallo */
  --risk-moderate-700: #9A6E00;

  --risk-high-50:  #FCEDE3;
  --risk-high-100: #F8D5BE;
  --risk-high-500: #DB6B1E;   /* alto */
  --risk-high-700: #9B470F;

  --risk-critical-50:  #FBEAE9;
  --risk-critical-100: #F6CBC8;
  --risk-critical-500: #C8413B;  /* critico */
  --risk-critical-700: #8C2723;

  /* --- Functional semantic aliases --- */
  --success-50:  var(--risk-low-50);
  --success-500: var(--risk-low-500);
  --success-700: var(--risk-low-700);
  --warning-50:  var(--risk-moderate-50);
  --warning-500: var(--risk-moderate-500);
  --warning-700: var(--risk-moderate-700);
  --danger-50:   var(--risk-critical-50);
  --danger-500:  var(--risk-critical-500);
  --danger-700:  var(--risk-critical-700);
  --info-50:     var(--azure-50);
  --info-500:    var(--azure-600);

  /* --- Surfaces --- */
  --surface-page:      var(--grey-50);
  --surface-card:      var(--grey-0);
  --surface-sunken:    var(--grey-100);
  --surface-raised:    var(--grey-0);
  --surface-inverse:   var(--azure-900);
  --surface-brand:     var(--azure-600);
  --surface-brand-soft:var(--azure-50);

  /* --- Text --- */
  --text-strong:   var(--grey-900);
  --text-body:     var(--grey-700);
  --text-muted:    var(--grey-500);
  --text-subtle:   var(--grey-400);
  --text-on-brand: var(--grey-0);
  --text-on-dark:  var(--grey-0);
  --text-link:     var(--azure-600);
  --text-brand:    var(--azure-700);

  /* --- Borders & lines --- */
  --border-subtle:  var(--grey-200);
  --border-default: var(--grey-300);
  --border-strong:  var(--grey-400);
  --border-brand:   var(--azure-600);
  --divider:        var(--grey-200);

  /* --- Interactive (primary action) --- */
  --action-bg:        var(--azure-600);
  --action-bg-hover:  var(--azure-700);
  --action-bg-active: var(--azure-800);
  --action-fg:        var(--grey-0);
  --focus-ring:       var(--azure-400);

  /* --- Overlays --- */
  --overlay-scrim:  rgba(12, 49, 86, 0.55);  /* azure-900 @55% */
  --overlay-veil:   rgba(255, 255, 255, 0.7);
}