/* Tahap 1 — tokens.css — Sari, Sistem Desain */
/* Satu typeface: Manrope. Tanpa gradien latar. Warna datar saja. */
:root {
  --font-main: "Manrope", system-ui, sans-serif;
  --color-bg: #ffffff;
  --color-surface: #fafaf8;
  --color-ink: #111111;
  --color-muted: #666666;
  --color-border: #e5e5e0;
  --color-accent: #0f766e;
  --space-0: 0;
  --space-25: 2px;
  --space-50: 4px;
  --space-75: 8px;
  --space-100: 12px;
  --space-200: 16px;
  --space-300: 24px;
  --space-400: 32px;
  --space-500: 40px;
  --space-600: 48px;
  --space-700: 64px;
  --space-800: 80px;
  --space-900: 96px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-2xl: 24px;
}
[data-theme="dark"] {
  --color-bg: #000000;
  --color-surface: #181818;
  --color-ink: #ffffff;
  --color-muted: #9b9b9b;
  --color-border: #272727;
  --color-accent: #2dd4bf;
}
body {
  font-family: var(--font-main);
  background: var(--color-bg);
  color: var(--color-ink);
}
h1, h2, h3 {
  text-wrap: balance;
}
p {
  text-wrap: pretty;
}
.btn-main {
  font-size: 16px;
  font-weight: 600;
  padding: 8px 12px;
}