/* IntechPro — Color tokens.
   Anchor navy sampled from the logo (#1B245D). Support azure + graphite neutrals. */
:root {
  /* ── Brand navy scale ── */
  --navy-900: #0E1330;
  --navy-800: #131B47;
  --navy-700: #1B245D; /* brand primary — logo navy */
  --navy-600: #26327A;
  --navy-500: #34459E;
  --navy-400: #5566C4;
  --navy-200: #B9C0E4;
  --navy-100: #E4E7F4;
  --navy-50:  #F1F3FA;

  /* ── Support azure ── */
  --azure-600: #1E5FC4;
  --azure-500: #2E77E0;
  --azure-400: #5794EA;
  --azure-200: #B7D2F6;
  --azure-100: #E6F0FC;

  /* ── Graphite / neutrals ── */
  --graphite-900: #1B1D24; /* wordmark grafite */
  --ink-800: #2B2E38;
  --slate-700: #3D4250;
  --slate-600: #565C6B;
  --slate-500: #737A8A;
  --slate-400: #9AA1B0;
  --line-300: #D5D9E2;
  --line-200: #E6E9F0;
  --mist-100: #F2F4F8;
  --mist-50:  #F8F9FC;
  --white:    #FFFFFF;

  /* ── Semantic status ── */
  --success-600: #1E8E5A;
  --success-100: #E4F4EC;
  --warning-600: #B9760A;
  --warning-100: #FBF0DC;
  --danger-600:  #C0392B;
  --danger-100:  #FBE7E4;
  --info-600:    var(--azure-600);
  --info-100:    var(--azure-100);

  /* ── Semantic aliases ── */
  --brand:              var(--navy-700);
  --brand-strong:       var(--navy-800);
  --brand-accent:       var(--azure-500);

  --text-heading:       var(--navy-800);
  --text-body:          var(--slate-700);
  --text-muted:         var(--slate-500);
  --text-on-brand:      var(--white);
  --text-link:          var(--azure-600);
  --text-link-hover:    var(--navy-700);

  --surface-page:       var(--white);
  --surface-subtle:     var(--mist-50);
  --surface-muted:      var(--mist-100);
  --surface-card:       var(--white);
  --surface-brand:      var(--navy-700);
  --surface-brand-deep: var(--navy-900);
  --surface-tint:       var(--navy-50);

  --border-subtle:      var(--line-200);
  --border-default:     var(--line-300);
  --border-strong:      var(--slate-400);
  --border-brand:       var(--navy-700);

  --focus-ring:         var(--azure-500);
}