/* Token desain bersama (aplikasi + situs pemasaran + panel admin + alat pendaftaran).
   Arah visual "kertas, pulpen biru, stabilo" (15 Nov 2026): latar kertas krem, biru pulpen sebagai warna merek,
   kuning stabilo untuk sorotan, hijau/merah hanya untuk benar/salah. Panduan: docs/desain/PANDUAN.md,
   acuan visual: docs/desain/acuan.html.
   NAMA token adalah kontrak (docs/SPEC.md §7.1). NILAI di berkas ini hanya diubah agent utama; modul yang butuh
   token lain mendefinisikannya di CSS modulnya sendiri. */
:root {
  color-scheme: light dark;

  /* merek: biru pulpen */
  --merek: #2440d8;
  --merek-gelap: #172a9c;
  --merek-terang: #4f68f5;
  --merek-lembut: #e9edff;
  /* aksen: kuning stabilo (teks di atasnya selalu gelap: #15171c) */
  --aksen: #ffd43b;
  --aksen-gelap: #d9ab00;
  --aksen-lembut: #fff3c2;
  --di-atas-aksen: #15171c;
  /* makna: benar/lulus, salah/belum, keterangan */
  --ok: #0f7a44;
  --ok-lembut: #ddf7e8;
  --bahaya: #c8281d;
  --bahaya-lembut: #fde7e4;
  --info: #0b7fa5;

  /* permukaan: kertas */
  --latar: #fbf7ee;
  --latar-2: #f4eedf;
  --kartu: #ffffff;
  --teks: #15171c;
  --redup: #5e6470;
  --garis: #e8e1d1;
  --garis-kuat: #15171c;
  --tinta: #15171c;
  --malam: #0f1640;
  --di-atas-merek: #ffffff;
  --di-atas-malam: #eef1ff;

  --radius: 16px;
  --radius-kecil: 10px;
  --radius-besar: 24px;
  --bayang: 0 1px 2px rgba(21, 23, 28, 0.05), 0 8px 24px rgba(21, 23, 28, 0.06);
  --bayang-kuat: 0 18px 48px rgba(15, 22, 64, 0.16);
  --bayang-tegas: 5px 5px 0 var(--tinta);

  --font: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-judul: "Bricolage Grotesque", "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-tulis: "Caveat", "Segoe Print", "Bradley Hand", cursive;
  --font-mono: ui-monospace, "Cascadia Mono", Consolas, monospace;

  --lebar-isi: 1180px;
  --jarak: 16px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --merek: #8fa2ff;
    --merek-gelap: #c3cdff;
    --merek-terang: #a9b8ff;
    --merek-lembut: #1c2450;
    --aksen: #ffd43b;
    --aksen-gelap: #b98f00;
    --aksen-lembut: #3a3210;
    --di-atas-aksen: #15171c;
    --ok: #4ade80;
    --ok-lembut: #0b2e1c;
    --bahaya: #ff7b72;
    --bahaya-lembut: #42120f;
    --info: #5cc8ea;

    --latar: #0e1226;
    --latar-2: #121832;
    --kartu: #171d38;
    --teks: #eceef6;
    --redup: #a0a8bd;
    --garis: #2a3257;
    --garis-kuat: #4a5590;
    --tinta: #05070f;
    --malam: #0a0f2c;
    --di-atas-merek: #0e1226;
    --di-atas-malam: #eef1ff;

    --bayang: 0 1px 2px rgba(0, 0, 0, 0.4), 0 8px 24px rgba(0, 0, 0, 0.35);
    --bayang-kuat: 0 18px 48px rgba(0, 0, 0, 0.5);
    --bayang-tegas: 5px 5px 0 #000;
  }
}