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

   TEMA: Gekraf — biru putih

   Skala --brand-* di bawah adalah warna tema situs ini. Nama lama --navy-*
   dipertahankan sebagai alias supaya admin.css tidak perlu diubah sama sekali;
   satu-satunya berkas yang berbeda antar situs adalah berkas ini.

   Urutan nada TIDAK boleh dibalik:
     50/100  tint terang  -> dipakai sebagai LATAR dengan teks gelap
                             (header tabel, baris hover, badge, alert)
     300     nada tengah  -> garis tepi, titik timeline, tombol sekunder
     500/600 gelap        -> LATAR tombol dengan teks PUTIH (.btn di admin.css
                             baris 183-202), jadi harus tetap cukup gelap
     700     gelap        -> warna teks judul di atas latar terang
     900     paling gelap -> latar sidebar dengan teks putih
*/

:root {
  --brand-50:#F5F9FF; --brand-100:#E3EEFC; --brand-300:#8FB8E8;
  --brand-500:#1F73D0; --brand-600:#0B5CBF; --brand-700:#08427F; --brand-900:#062B52;

  /* alias supaya admin.css tetap utuh */
  --navy-50:var(--brand-50); --navy-100:var(--brand-100); --navy-300:var(--brand-300);
  --navy-500:var(--brand-500); --navy-600:var(--brand-600);
  --navy-700:var(--brand-700); --navy-900:var(--brand-900);

  --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(--n-0);
  --surface: var(--n-0);
  --text: var(--n-900);
  --text-muted: var(--n-500);
  --border: var(--n-200);
  --primary: var(--brand-600);
  --primary-hover: var(--brand-500);
  --danger: var(--red-600);
  --danger-hover: var(--red-500);

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