:root {
  /* Brand — Indigo Laut (navy/indigo) */
  --np-indigo-50:#EEF1FA; --np-indigo-100:#DCE2F4; --np-indigo-200:#B9C4E8; --np-indigo-300:#8E9ED6; --np-indigo-400:#6377C0;
  --np-indigo-500:#4459A8; --np-indigo-600:#33468F; --np-indigo-700:#283875; --np-indigo-800:#1F2B5C; --np-indigo-900:#172045;
  /* Accent — Kunyit (saffron). Brand moments only, never status. */
  --np-saffron-50:#FDF6E7; --np-saffron-100:#FAEBC7; --np-saffron-300:#F2C86A; --np-saffron-500:#E3A31F; --np-saffron-700:#8F620A;
  /* Neutrals — cool grey */
  --np-grey-0:#FFFFFF; --np-grey-25:#FAFBFC; --np-grey-50:#F4F6F8; --np-grey-100:#EBEEF2; --np-grey-200:#DDE2E8; --np-grey-300:#C5CCD6;
  --np-grey-400:#9AA3B1; --np-grey-500:#687180; --np-grey-600:#515A68; --np-grey-700:#3A424F; --np-grey-800:#252B35; --np-grey-900:#151A22;
  /* Semantic — status only */
  --np-green-50:#EAF6EF; --np-green-100:#CDEBD8; --np-green-500:#1E9E5A; --np-green-600:#178049; --np-green-700:#11663A;
  --np-orange-50:#FFF3E6; --np-orange-100:#FFE0BF; --np-orange-500:#E87B14; --np-orange-600:#C26208; --np-orange-700:#9A4A00;
  --np-red-50:#FDECEC; --np-red-100:#F9D0D0; --np-red-500:#D93636; --np-red-600:#BD2828; --np-red-700:#9F1D1D;
  --np-blue-50:#E8F2FD; --np-blue-100:#CCE2FA; --np-blue-500:#2477D6; --np-blue-600:#1C66BD; --np-blue-700:#15539E;

  /* Semantic aliases */
  --text-strong:var(--np-grey-900); --text-body:var(--np-grey-800); --text-muted:var(--np-grey-600); --text-subtle:var(--np-grey-500);
  --text-disabled:var(--np-grey-400); --text-inverse:#FFFFFF; --text-brand:var(--np-indigo-700); --text-link:var(--np-indigo-600);
  --surface-page:var(--np-grey-25); --surface-card:#FFFFFF; --surface-sunken:var(--np-grey-50); --surface-hover:var(--np-grey-50);
  --surface-selected:var(--np-indigo-50); --surface-inverse:var(--np-indigo-900); --surface-overlay:rgba(21,26,34,.48);
  --border-subtle:var(--np-grey-100); --border-default:var(--np-grey-200); --border-strong:var(--np-grey-300); --border-focus:var(--np-indigo-500);
  --brand-primary:var(--np-indigo-700); --brand-primary-hover:var(--np-indigo-800); --brand-primary-active:var(--np-indigo-900);
  --brand-accent:var(--np-saffron-500);
  --focus-ring:0 0 0 3px rgba(68,89,168,.28);
  --status-success-fg:var(--np-green-700); --status-success-bg:var(--np-green-50); --status-success-border:var(--np-green-100); --status-success-solid:var(--np-green-600);
  --status-warning-fg:var(--np-orange-700); --status-warning-bg:var(--np-orange-50); --status-warning-border:var(--np-orange-100); --status-warning-solid:var(--np-orange-500);
  --status-danger-fg:var(--np-red-700); --status-danger-bg:var(--np-red-50); --status-danger-border:var(--np-red-100); --status-danger-solid:var(--np-red-600);
  --status-info-fg:var(--np-blue-700); --status-info-bg:var(--np-blue-50); --status-info-border:var(--np-blue-100); --status-info-solid:var(--np-blue-600);
  --status-neutral-fg:var(--np-grey-700); --status-neutral-bg:var(--np-grey-50); --status-neutral-border:var(--np-grey-200);
  /* Print guides */
  --guide-trim:var(--np-grey-900); --guide-bleed:var(--np-red-500); --guide-safe:var(--np-blue-500); --guide-cut:var(--np-indigo-500);
}