:root {
  /* ── Brand — KHE Green ── */
  --brand:          #16a34a;
  --brand-dark:     #15803d;
  --brand-light:    #dcfce7;
  --brand-faint:    #f0fdf4;

  /* ── Surface ── */
  --bg-page:        #f4f6f9;
  --bg-surface:     #ffffff;
  --bg-overlay:     rgba(0,0,0,0.45);

  /* ── Nav ── */
  --nav-bg:         #0f1a2e;
  --nav-border:     #1e2d45;
  --nav-link:       #7a8fa6;
  --nav-link-hover: #e2e8f0;
  --nav-height:     56px;

  /* ── Border ── */
  --border:         #e4e8ef;
  --border-light:   #f0f3f8;

  /* ── Text ── */
  --text:           #1e293b;
  --text-heading:   #0f172a;
  --text-muted:     #64748b;
  --text-faint:     #94a3b8;

  /* ── Status ── */
  --red-bg:         #fee2e2;   --red-text:    #b91c1c;
  --orange-bg:      #ffedd5;   --orange-text: #c2410c;
  --amber-bg:       #fef9c3;   --amber-text:  #a16207;
  --green-bg:       #dcfce7;   --green-text:  #15803d;
  --slate-bg:       #f1f5f9;   --slate-text:  #475569;

  /* ── Chip accents ── */
  --chip-red-border:   #fca5a5; --chip-red-bg:   #fff5f5; --chip-red-num:   #dc2626;
  --chip-amber-border: #fcd34d; --chip-amber-bg: #fffbeb; --chip-amber-num: #d97706;
  --chip-green-border: #6ee7b7; --chip-green-bg: #f0fdf4; --chip-green-num: #059669;
  --chip-blue-border:  #93c5fd; --chip-blue-bg:  #eff6ff; --chip-blue-num:  #2563eb;

  /* ── Spacing ── */
  --sp-xs: 4px;  --sp-sm: 8px;  --sp-md: 16px;
  --sp-lg: 24px; --sp-xl: 32px;

  /* ── Radius ── */
  --r-sm: 6px; --r-md: 8px; --r-lg: 12px; --r-pill: 999px;

  /* ── Type ── */
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --tx-xs: 11px; --tx-sm: 12px; --tx-base: 13px;
  --tx-md: 14px; --tx-lg: 16px; --tx-xl: 20px;

  /* ── Shadow ── */
  --shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);
  --shadow-md: 0 4px 12px rgba(0,0,0,.08), 0 1px 3px rgba(0,0,0,.05);
  --shadow-lg: 0 10px 30px rgba(0,0,0,.12);
}