/* Token warna netral untuk teks dan permukaan. */
:root{
  --ink-h: 225; --ink-s: 18%;
  --surface-h: 0; --surface-s: 0%;
  --neutral-h: 220; --neutral-s: 14%;

  /* Token warna brand yang bisa diganti dari satu hue. */
  --brand-h: 357; --brand-s: 92%;   /* merah Toyota — SEMENTARA, klien belum kirim warna */
  --accent-h: 24; --accent-s: 94%;  /* oranye tombol telepon, mengikuti acuan */
  --wa-h: 142;  --wa-s: 70%;        /* hijau WhatsApp — warna resmi, JANGAN diubah */

  /* Ukuran header lengket untuk offset halaman. */
  --header-h: 4.5rem;

  /* Radius komponen. K-9: sudut tumpul dibatasi — kartu, gambar, dan panel
     bersudut nyaris tegak; pil hanya untuk lencana kecil dan tombol mengambang. */
  --radius-card: 0.125rem;
  --radius-pill: 999px;

  /* Durasi transisi singkat agar gerak tetap ringan. */
  --dur-fast: 150ms;
  --dur-base: 220ms;
}

@media (prefers-reduced-motion: reduce){
  :root{
    --dur-fast: 1ms;
    --dur-base: 1ms;
  }
}