/* Token warna — sumber tunggal. Lihat DESIGN-TOKENS.md bagian 4.
   Jangan menulis hex di file view atau di admin.css: selalu lewat variabel ini. */

:root {
  --navy-50:#F4F7FC; --navy-100:#E8EDF7; --navy-300:#9FB4D9;
  --navy-500:#2A54A3; --navy-600:#1E4080; --navy-700:#16305F; --navy-900:#101F3D;

  --red-50:#FDF4F4; --red-100:#FBE9EA; --red-300:#EBA0A4;
  --red-500:#DC3A42; --red-600:#C51E26; --red-700:#9C171E; --red-900:#6E1015;

  --n-0:#FFFFFF; --n-50:#F7F8F9; --n-100:#EDEEF0; --n-200:#D1D2D4;
  --n-400:#A8AAAE; --n-500:#7C7E83; --n-700:#4A4C50; --n-900:#1C1D1F;

  --success-100:#E1F3EA; --success-600:#0F7B57; --success-700:#0A5B40;
  --warning-100:#FCF0DA; --warning-600:#B57300; --warning-700:#8A5700;

  --page-bg: var(--navy-50);
  --surface: var(--n-0);
  --text: var(--n-900);
  --text-muted: var(--n-500);
  --border: var(--n-200);
  --primary: var(--navy-600);
  --primary-hover: var(--navy-500);
  --danger: var(--red-600);
  --danger-hover: var(--red-500);

  --radius: 8px;
  --radius-card: 12px;
}