/* Dr. Tarmizi — dibangkitkan dari design/tokens.json oleh scripts/bangun-css.js. Jangan disunting. */
:root, [data-theme="light"] {
  --kertas: #fbfaf6;
  --permukaan: #ffffff;
  --permukaan-redup: #f2f1ec;
  --tinta: #151a30;
  --tinta-redup: #5a5f72;
  --merek: #253a8f;
  --merek-tua: #16235a;
  --merek-teks: #253a8f;
  --di-merek: #fff8e8;
  --lembut: #e4e9f8;
  --batang: #82859a;
  --batang-kunci: #253a8f;
  --krim: #feeec7;
  --di-krim: #16235a;
  --aksen-teks: #8a4b00;
  --benar: #0f6b45;
  --benar-latar: #ddf3e7;
  --salah: #b42318;
  --salah-latar: #fde7e4;
  --waspada-latar: #fff1d3;
  --batas: #e3e1d9;
  --batas-kuat: #868a99;
  --fokus: #16235a;
  --fokus-di-merek: #feeec7;
  --bayang-lembut: 0 1px 2px rgba(43, 11, 102, 0.06), 0 6px 16px rgba(43, 11, 102, 0.06);
  --bayang-angkat: 0 8px 24px rgba(43, 11, 102, 0.18);
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --kertas: #0f1220;
    --permukaan: #171b2d;
    --permukaan-redup: #20253b;
    --tinta: #eef0f7;
    --tinta-redup: #a7acc0;
    --merek: #4762cc;
    --merek-tua: #090c18;
    --merek-teks: #aab9ff;
    --di-merek: #fff8e8;
    --lembut: #222c55;
    --batang: #6e7391;
    --batang-kunci: #aab9ff;
    --krim: #feeec7;
    --di-krim: #16235a;
    --aksen-teks: #f6d08c;
    --benar: #7dd8a8;
    --benar-latar: #123324;
    --salah: #ff8f84;
    --salah-latar: #3d1916;
    --waspada-latar: #38290c;
    --batas: #2c3249;
    --batas-kuat: #747a94;
    --fokus: #f6e2b4;
    --fokus-di-merek: #f6e2b4;
    --bayang-lembut: 0 1px 2px rgba(0, 0, 0, 0.4), 0 6px 16px rgba(0, 0, 0, 0.3);
    --bayang-angkat: 0 8px 24px rgba(0, 0, 0, 0.55);
    color-scheme: dark;
  }
}
[data-theme="dark"] {
  --kertas: #0f1220;
  --permukaan: #171b2d;
  --permukaan-redup: #20253b;
  --tinta: #eef0f7;
  --tinta-redup: #a7acc0;
  --merek: #4762cc;
  --merek-tua: #090c18;
  --merek-teks: #aab9ff;
  --di-merek: #fff8e8;
  --lembut: #222c55;
  --batang: #6e7391;
  --batang-kunci: #aab9ff;
  --krim: #feeec7;
  --di-krim: #16235a;
  --aksen-teks: #f6d08c;
  --benar: #7dd8a8;
  --benar-latar: #123324;
  --salah: #ff8f84;
  --salah-latar: #3d1916;
  --waspada-latar: #38290c;
  --batas: #2c3249;
  --batas-kuat: #747a94;
  --fokus: #f6e2b4;
  --fokus-di-merek: #f6e2b4;
  --bayang-lembut: 0 1px 2px rgba(0, 0, 0, 0.4), 0 6px 16px rgba(0, 0, 0, 0.3);
  --bayang-angkat: 0 8px 24px rgba(0, 0, 0, 0.55);
  color-scheme: dark;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-bulat: 999px;
  --garis-rambut: 1px;
  --garis-kontrol: 1.5px;
  --garis-pilih: 2px;
  --lebar-halaman: 1200px;
  --lebar-daftar: 960px;
  --lebar-baca: 720px;
  --lebar-form: 480px;
  --gutter-hp: 16px;
  --gutter-lebar: 24px;
  --tinggi-bilah: 60px;
  --sentuh-min: 44px;
  --font-sans: "Plus Jakarta Sans", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}