/* Дизайн token — өнгө, зай, фонт, радиус. Component-ууд зөвхөн эдгээр хувьсагчийг хэрэглэнэ.
   --color-primary / --color-secondary-ийг `GET site`-ийн брэндийн өнгөөр js/components/layout.js солино. */
:root {
  --color-primary: #0d6efd;
  --color-primary-contrast: #ffffff;
  --color-secondary: #6c757d;
  --color-text: #1f2328;
  --color-muted: #656d76;
  --color-bg: #ffffff;
  --color-surface: #f6f8fa;
  --color-border: #d0d7de;
  --color-danger: #cf222e;
  --color-success: #1a7f37;
  --color-info-bg: #ddf4ff;
  --color-danger-bg: #ffebe9;
  --color-success-bg: #dafbe1;
  --color-overlay: rgba(31, 35, 40, 0.6);

  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", Arial, sans-serif;
  --font-size-sm: 0.875rem;
  --font-size-md: 1rem;
  --font-size-lg: 1.25rem;
  --font-size-xl: 1.75rem;
  --line-height: 1.5;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-pill: 999px;
  --shadow-sm: 0 1px 2px rgba(31, 35, 40, 0.08);
  --shadow-md: 0 4px 16px rgba(31, 35, 40, 0.12);
  --container: 1200px;
  --header-height: 64px;
  --focus-ring: 0 0 0 3px color-mix(in srgb, var(--color-primary) 35%, transparent);
}