:root {
  /* ── Brand palette ─────────────────────────────── */
  --navy-dark:      #1e3456;
  --navy:           #2a5c8f;
  --navy-mid:       #1e3d6a;
  --navy-light:     #e0eaf5;

  --teal:           #2e7d6a;
  --teal-light:     #e6f2ef;

  /* ── Status ────────────────────────────────────── */
  --amber:          #b45309;
  --amber-light:    #fef3c7;
  --amber-border:   #fcd34d;

  --red:            #b91c1c;
  --red-light:      #fee2e2;

  --green:          #166534;
  --green-light:    #dcfce7;

  /* ── Neutrals ──────────────────────────────────── */
  --slate-50:       #f5f6f7;
  --slate-100:      #eceef0;
  --slate-200:      #dde1e6;
  --slate-300:      #c5cdd6;
  --slate-400:      #9daab6;
  --slate-500:      #6a7888;
  --slate-600:      #4a5a6a;
  --slate-900:      #18222c;

  /* ── Semantic ──────────────────────────────────── */
  --color-bg:             var(--slate-50);
  --color-surface:        #ffffff;
  --color-text:           var(--slate-900);
  --color-text-muted:     var(--slate-500);
  --color-text-faint:     var(--slate-400);
  --color-border:         var(--slate-200);
  --color-border-subtle:  var(--slate-100);
}