/* Token reka bentuk Huffaz v2 — satu sumber untuk warna, jenis dan jarak. */
@font-face {
  font-family: "Manrope";
  src: url("../assets/fonts/manrope.woff2") format("woff2");
  font-weight: 200 800;
  font-display: swap;
}
@font-face {
  font-family: "Brygada";
  src: url("../assets/fonts/brygada.woff2") format("woff2");
  font-weight: 400 700;
  font-display: swap;
}

:root {
  /* Warna jenama */
  --teal-700: #08605c;
  --teal-600: #087f7b;
  --teal-100: #dcece9;
  --green-900: #102a22;
  --green-800: #17392e;
  --mineral-200: #dfe8e4;
  --mineral-100: #eef3f0;
  --paper: #f8faf8;
  --brass-500: #b38a3e;
  --brass-300: #d9bd80;

  /* Peranan */
  --bg: var(--paper);
  --surface: #ffffff;
  --ink: #142b24;
  --ink-soft: #476058;
  --line: #d5e0db;
  --accent: var(--teal-600);
  --accent-ink: #ffffff;

  /* Jenis */
  --font-body: "Manrope", system-ui, sans-serif;
  --font-display: "Brygada", Georgia, serif;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1rem; /* digabung dengan saiz badan: skala 14/16/24/40/64 */
  --text-xl: clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);
  --text-2xl: clamp(1.75rem, 1.4rem + 1.4vw, 2.5rem);
  --text-3xl: clamp(2.25rem, 1.6rem + 2.8vw, 4rem);

  /* Jarak (asas 4px) */
  --s-1: 0.25rem;
  --s-2: 0.5rem;
  --s-3: 0.75rem;
  --s-4: 1rem;
  --s-6: 1.5rem;
  --s-8: 2rem;
  --s-12: 3rem;
  --s-16: 4rem;
  --s-24: 6rem;
  --section-y: clamp(4rem, 3rem + 5vw, 8rem);
  --gutter: clamp(1rem, 0.5rem + 2.5vw, 2.5rem);
  --max: 86rem; /* 1376px: kurangkan ruang kosong di skrin lebar */

  --radius: 0.75rem;
  --shadow-card: 0 1px 2px rgb(16 42 34 / 0.06), 0 12px 32px -12px rgb(16 42 34 / 0.18);
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
}