/* DealerMobilindo — placeholder tokens v0.2 (light / brand reference)
   Tema terang mengikuti token brand PRD: bg #ffffff, neutral #f8fafc,
   teks #0f172a, border #e2e8f0, primary #0284c7, primary-dark #0369a1.
   Semua warna/ukuran di index.html wajib lewat nama token di sini.
*/

@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("fonts/PlusJakartaSans.ttf") format("truetype");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "JetBrains Mono";
  src: url("fonts/JetBrainsMono.ttf") format("truetype");
  font-weight: 100 800;
  font-style: normal;
  font-display: swap;
}

:root {
  color-scheme: light;

  /* colour */
  --color-bg: #ffffff;
  --color-neutral: #f8fafc;
  --color-ink: #0f172a;
  --color-body: #475569;
  --color-muted: #64748b;
  --color-rule: #e2e8f0;
  --color-rule-strong: #cbd5e1;
  --color-accent: #0284c7;
  --color-accent-dark: #0369a1;
  --color-accent-wash: #eff6ff;

  /* type */
  --font-display: "Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  --text-statement: clamp(2.75rem, min(11.4vw, 13.4vh), 9rem);
  --text-lead: clamp(0.95rem, 2.2vw, 1.18rem);
  --text-meta: clamp(0.72rem, 1.5vw, 0.78rem);
  --tracking-statement: -0.035em;
  --tracking-wordmark: -0.022em;
  --tracking-meta: 0.14em;

  /* space — skala 4pt */
  --space-2xs: 4px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 20px;
  --space-lg: 32px;
  --space-xl: 52px;
  --space-2xl: 84px;
  --page-pad: clamp(20px, 5vw, 72px);

  /* motion */
  --dur-fast: 160ms;
  --dur-base: 320ms;
  --dur-reveal: 560ms;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);

  /* rule */
  --rule-hair: 1px solid var(--color-rule);
}