/* ─────────────────────────────────────────────────────────────────────
   NAIJAPAY DESIGN TOKENS  (Chunk 0)
   Single source of truth for color, spacing, radius, shadow, typography.
   Every new file in chunks 1+ styles against tokens, never hard-coded values.
   ─────────────────────────────────────────────────────────────────────*/
:root{
  /* ── brand */
  --np-green:        #2CA653;
  --np-green-600:    #248c46;
  --np-green-700:    #1d723a;
  --np-green-50:     #e9f7ef;

  --np-orange:       #FF7F11;
  --np-orange-600:   #e6720d;
  --np-orange-50:    #fff2e6;

  /* ── status */
  --np-success:      #10b981;
  --np-warning:      #f59e0b;
  --np-danger:       #ef4444;
  --np-info:         #3b82f6;

  /* ── surfaces */
  --np-bg:           #f4f7fa;
  --np-surface:      #ffffff;
  --np-surface-2:    #f9fafb;
  --np-surface-3:    #f1f5f9;

  /* ── borders */
  --np-border:       #e5e7eb;
  --np-border-soft:  #eef0f3;

  /* ── text */
  --np-text:         #0f172a;
  --np-text-muted:   #64748b;
  --np-text-soft:    #94a3b8;
  --np-text-on-brand:#ffffff;

  /* ── radius */
  --np-radius-sm:    8px;
  --np-radius:       12px;
  --np-radius-lg:    16px;
  --np-radius-xl:    20px;
  --np-radius-pill:  9999px;

  /* ── shadow */
  --np-shadow-sm:    0 1px 2px rgba(15,23,42,.04);
  --np-shadow:       0 4px 18px rgba(15,23,42,.06);
  --np-shadow-lg:    0 8px 32px rgba(15,23,42,.10);
  --np-shadow-brand: 0 4px 14px rgba(44,166,83,.25);

  /* ── layout */
  --np-sidebar-w:    260px;
  --np-topbar-h:     64px;
  --np-page-max:     1400px;

  /* ── typography */
  --np-font:         'Poppins', system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}