/* JawaraPajak Design System: token. Palet C "Putih + Kuning Stabilo" (dipilih 2026-10-07). Sumber aturan: ../../design-system/DESIGN.md */
:root {
  /* Palet */
  --merah: #B3201B;
  --merah-tua: #7A1410;
  --bara: #F0702A;           /* hanya di logo/maskot (simpul ikat kepala), bukan warna halaman */
  --kuning: #FFC83D;
  --hitam: #1A1A1A;
  --abu: #585550;
  --putih: #FFFFFF;
  --mutiara: #FBFAF7;
  --mutiara-2: #F5F3EE;

  /* Peran warna (situs hanya mode terang) */
  --bg: var(--putih);
  --surface: var(--mutiara);   /* kartu, form */
  --surface-2: var(--mutiara-2); /* bagian selang-seling */
  --text: var(--hitam);
  --muted: var(--abu);         /* 7.5:1 di putih, 6.6:1 di mutiara-2 */
  --line: #E8E5DF;             /* garis hias saja, bukan batas kontrol */
  --control-border: var(--hitam);
  --brand: var(--merah);       /* tombol utama, harga, kata kunci */
  --on-brand: var(--putih);    /* 6.3:1 */
  --accent: var(--kuning);     /* blok saja: stabilo, tag, blok harga. Tidak pernah jadi warna teks di latar terang */
  --on-accent: var(--hitam);   /* 12:1 */
  --link: var(--merah);
  --focus: var(--hitam);

  /* Huruf: Anybody, satu keluarga, lebar normal */
  --font: "Anybody", system-ui, sans-serif;
  --fs-display: clamp(2.6rem, 6vw, 4.6rem);
  --fs-h2: clamp(1.9rem, 3.6vw, 2.8rem);
  --fs-h3: 1.35rem;
  --fs-body: 1.0625rem;
  --fs-small: 0.9rem;
  --fw-body: 450;
  --fw-strong: 700;
  --fw-display: 800;
  --tracking-display: -0.03em;

  /* Bentuk */
  --r-sm: 8px;      /* input, tag */
  --r-md: 14px;     /* kartu */
  --r-lg: 24px;     /* panel besar */
  --r-pill: 999px;  /* hanya tombol utama */

  /* Jarak: kelipatan 4 */
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 24px; --s-6: 32px; --s-7: 48px; --s-8: 72px; --s-9: 112px;
  --wrap: 1180px;

  color-scheme: light;
}