:root {
  --background: #f6fbf3;
  --surface: #ffffff;
  --surface-2: #eaf3e2;
  --surface-3: #d9ead0;
  --ink: #1f3020;
  --ink-2: #324a35;
  --ink-3: #4f6651;
  --muted: #6b8070;
  --hair: rgba(31, 48, 32, 0.10);
  --hair-strong: rgba(31, 48, 32, 0.20);
  --primary: #2c7a36;
  --primary-ink: #1a4d22;
  --primary-soft: #cfe6d4;
  --accent: #b05d00;
  --accent-soft: #f5e3cc;
  --danger: #a8331e;
  --warn: #c08212;
  --ok: #2c7a36;
  --radius-sm: 8px;
  --radius: 14px;
  --radius-lg: 22px;
  --radius-pill: 999px;
  --shadow-sm: 0 1px 2px rgba(31, 48, 32, 0.06), 0 1px 1px rgba(31, 48, 32, 0.04);
  --shadow: 0 6px 22px rgba(31, 48, 32, 0.08), 0 2px 6px rgba(31, 48, 32, 0.05);
  --shadow-lg: 0 22px 60px rgba(31, 48, 32, 0.12), 0 6px 18px rgba(31, 48, 32, 0.06);
  --font-body: system-ui, "Noto Sans Devanagari", "Segoe UI", Helvetica, Arial, sans-serif;
  --font-display: system-ui, "Noto Sans Devanagari", "Segoe UI", Helvetica, Arial, sans-serif;
  --font-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;
  --header-h: 72px;
  --container: 1200px;
  --container-narrow: 880px;
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;
  --sp-9: 96px;
  --sp-10: 128px;
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
}