/* HAIBRO design tokens — satu-satunya tempat warna & font didefinisikan.
   Palet sengaja monokrom: hitam, putih, dan abu di antaranya. Satu-satunya
   warna di luar itu adalah --aksen, dan secara bawaan TIDAK dipakai di mana
   pun; ganti nilainya lalu pakai bila suatu saat perlu penanda merah. */

/* ── ZT Nature ──────────────────────────────────────────────────────────────
   @font-face-nya TIDAK ditulis di sini. Berkas font diunggah lewat
   kelola.haibro.id → Pengaturan → Font toko, dan dashboard menuliskan
   apps/web/public/css/font-toko.css secara otomatis (dimuat sebelum berkas
   ini di layout). Selama belum ada berkas, fallback Archivo/Georgia dipakai. */

:root {
  /* hitam–putih */
  --bg: #FFFFFF;
  --surface: #F1F1EF;      /* latar foto produk */
  --surface-2: #E7E7E4;
  --ink: #0B0B0B;
  --ink-lembut: #2A2A2A;
  --muted: #6E6E6E;
  --line: #E2E2DF;
  --footer: #F5F5F3;
  --putih: #FFFFFF;
  --hitam: #000000;

  /* penanda: tetap monokrom. --aksen disediakan tapi tidak dipakai. */
  --sale: #0B0B0B;
  --aksen: #9B2F1C;

  /* alias lama supaya CSS yang sudah ada tidak putus */
  --earth: #2A2A2A;
  --khaki: #6E6E6E;
  --army: #0B0B0B;

  --display: 'ZT Nature', 'Archivo', system-ui, sans-serif;
  --serif: 'ZT Nature', 'Instrument Serif', Georgia, serif;
  --body: 'Inter', system-ui, -apple-system, sans-serif;
  --mono: 'DM Mono', ui-monospace, 'SFMono-Regular', monospace;

  --maks: 1366px;
  --gutter: 20px;
  --radius: 0;
  --header-h: 62px;
}

@media (min-width: 768px) { :root { --gutter: 32px; --header-h: 70px; } }
@media (min-width: 1200px) { :root { --gutter: 48px; } }