/* Token desain: font, skala huruf, warna identitas. Terang bawaan, gelap lewat [data-theme=dark]. */
/* Font di-host sendiri (tanpa CDN). Lisensi OFL ada di assets/fonts/. */
@font-face{font-family:"Plus Jakarta Sans";src:url("../fonts/plus-jakarta-sans.woff2") format("woff2");font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url("../fonts/jetbrains-mono.woff2") format("woff2");font-weight:100 800;font-style:normal;font-display:swap}

:root{
  --font-sans:"Plus Jakarta Sans","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,"Cascadia Mono",Consolas,monospace;

  /* skala huruf: pakai ini, bukan ukuran acak */
  --fs-2xs:11px;--fs-xs:12px;--fs-sm:13px;--fs-base:14px;--fs-md:15px;--fs-lg:17px;--fs-xl:20px;--fs-2xl:27px;--fs-3xl:34px;--fs-4xl:46px;

  --ease:cubic-bezier(.2,.8,.2,1);
  --spring:cubic-bezier(.34,1.56,.64,1);
  --r:18px;--r-sm:12px;--r-lg:24px;

  /* identitas Tabarruk: maroon dari logo + hijau zaitun dari pita "Halalan Thayyiban" */
  --brand:#741633;--brand-2:#8f9b38;--brand-ink:#5d1028;--brand-deep:#4a0d22;--earth:#6f4a39;--lime:#b1bd52;
  --side-grad:linear-gradient(170deg,#8f9b38 0%,#6f4a39 22%,#741633 52%,#3c0a1c 100%);
  --brand-grad:linear-gradient(135deg,#8a1d3f 0%,var(--brand) 45%,var(--brand-deep) 100%);
  --accent-grad:linear-gradient(90deg,var(--brand-2),var(--brand));

  /* netral hangat (sedikit kemerahan) supaya serasi dengan maroon, bukan abu kebiruan */
  --bg:#f6f3f2;--surface:#fff;--surface2:#faf7f6;--ink:#1f1418;--ink2:#47363c;--mut:#7a686e;--line:#ede5e3;--line2:#ded2d0;
  --card-line:#ebe1df;
  --glass:rgba(255,255,255,.74);--glass-line:rgba(255,255,255,.7);
  --pri:var(--brand);--pri-ink:var(--brand-ink);--pri-soft:#f7e9ee;--btn:var(--brand);--btn-h:var(--brand-ink);--on-solid:#fff;
  --ok:#157a3f;--ok-soft:#e1f5e9;--warn:#a85a06;--warn-soft:#fdf0d5;--err:#c2261c;--err-soft:#fde8e6;--vio:#66701c;--vio-soft:#eef1d9;
  --shadow:0 1px 2px rgba(60,10,28,.04),0 10px 30px color-mix(in srgb,var(--brand) 8%,transparent);
  --shadow-lg:0 2px 6px rgba(60,10,28,.06),0 26px 60px color-mix(in srgb,var(--brand) 16%,transparent);
  --glare:rgba(255,255,255,.6);
  color-scheme:light
}
/* gelap: hitam hangat keunguan, bukan navy, supaya tetap terasa Tabarruk */
[data-theme=dark]{
  --bg:#120b0e;--surface:#1b1216;--surface2:#22171c;--ink:#f4ebed;--ink2:#d9c9ce;--mut:#a38f95;--line:#30212a;--line2:#402c34;
  --card-line:#34242b;
  --glass:rgba(32,20,26,.74);--glass-line:rgba(255,255,255,.07);
  --pri:#d6708f;--pri-ink:#f6c3d3;--pri-soft:#3b1825;--btn:#8f294d;--btn-h:#a63b60;--on-solid:#160b10;
  --ok:#4fd98a;--ok-soft:#10301f;--warn:#f5b740;--warn-soft:#38290c;--err:#f87b72;--err-soft:#3b1a19;--vio:#c3cf63;--vio-soft:#2c3014;
  --shadow:0 1px 2px rgba(0,0,0,.3),0 10px 30px rgba(0,0,0,.35);
  --shadow-lg:0 2px 6px rgba(0,0,0,.35),0 26px 60px rgba(0,0,0,.55);
  --glare:rgba(255,255,255,.08);
  color-scheme:dark
}