/* ============================================================
   NHMS — Colour tokens
   Anchored to the brand guidelines (Pantone 549 / 425 / 2975 / 5507)
   and extended with deck-derived deep teal + title gradient.
   ============================================================ */
:root {
  /* --- Brand primary palette (from guidelines) --- */
  --nhms-teal:        #49AEA7; /* Pantone 549  — primary brand teal */
  --nhms-grey:        #606060; /* Pantone 425  — primary dark grey (logo box) */

  /* --- Brand secondary palette (from guidelines) --- */
  --nhms-teal-light:  #BEE2E4; /* Pantone 2975 — soft teal tint */
  --nhms-grey-light:  #B2B2B2; /* Pantone 5507 — light grey */

  /* --- Extended teal scale (deck-derived) --- */
  --nhms-teal-50:     #EAF6F6;
  --nhms-teal-100:    #BEE2E4; /* = teal-light */
  --nhms-teal-200:    #9BD2D2;
  --nhms-teal-300:    #6FC2BD;
  --nhms-teal-400:    #49AEA7; /* = brand teal */
  --nhms-teal-500:    #3C97A0;
  --nhms-teal-600:    #2C828A; /* deck panels, stat circles, hexagon stroke */
  --nhms-teal-700:    #226A71;
  --nhms-teal-800:    #1A5359;

  /* --- Extended grey / neutral scale --- */
  --nhms-grey-50:     #F5F6F6;
  --nhms-grey-100:    #ECEEEE;
  --nhms-grey-200:    #DBDDDD;
  --nhms-grey-300:    #C4C6C6;
  --nhms-grey-400:    #B2B2B2; /* = light grey */
  --nhms-grey-500:    #8C8C8C;
  --nhms-grey-600:    #606060; /* = brand dark grey */
  --nhms-grey-700:    #4A4A4A;
  --nhms-grey-800:    #2E2E2E;
  --nhms-white:       #FFFFFF;

  /* --- Brand gradient (title slides / hero) --- */
  --nhms-gradient-start: #59C5B7;
  --nhms-gradient-end:   #6ED5E1;
  --nhms-gradient: linear-gradient(90deg, var(--nhms-gradient-start) 0%, var(--nhms-gradient-end) 100%);

  /* --- Semantic / status --- */
  --nhms-success:     #3C97A0;
  --nhms-warning:     #C9A227;
  --nhms-danger:      #C0504D;
  --nhms-info:        #2C828A;

  /* ===== Semantic aliases ===== */
  --color-brand:           var(--nhms-teal);
  --color-brand-strong:    var(--nhms-teal-600);
  --color-brand-soft:      var(--nhms-teal-light);

  --surface-page:          var(--nhms-white);
  --surface-muted:         var(--nhms-grey-50);
  --surface-card:          var(--nhms-white);
  --surface-inverse:       var(--nhms-grey-600);   /* the brand grey logo box */
  --surface-brand:         var(--nhms-teal);
  --surface-brand-deep:    var(--nhms-teal-600);
  --surface-brand-soft:    var(--nhms-teal-50);

  --text-primary:          var(--nhms-grey-800);
  --text-body:             var(--nhms-grey-700);
  --text-muted:            var(--nhms-grey-500);
  --text-on-brand:         var(--nhms-white);
  --text-on-inverse:       var(--nhms-white);
  --text-brand:            var(--nhms-teal);

  --border-subtle:         var(--nhms-grey-200);
  --border-default:        var(--nhms-grey-300);
  --border-brand:          var(--nhms-teal);

  --focus-ring:            var(--nhms-teal-600);
}