/* АВТОМАТААР ҮҮССЭН — scripts/build-tokens.mjs. Гараар засахгүй. */
/* Эх: design-system/tokens.json v2 (Тавантолгой ХК) + tokens-extra.json */
:root {
  /* Өнгө */
  --brand: #6E2019; /* Логоны өнгө. Үндсэн товч, идэвхтэй төлөв, онцлох хэсгийн дэвсгэр. */
  --brand-hover: #8C3328; /* Үндсэн товчны hover ба focus төлөв. */
  --brand-soft: #C9A89A; /* Бараан дэвсгэр дээрх брэндийн аялгуу: дугаарлалт, нэмэлт гарчиг. */
  --on-brand: #FFFFFF; /* brand өнгөн дээрх бичвэр, дүрс. */
  --surface-page: #F2EDE3; /* Хуудасны үндсэн дэвсгэр. */
  --surface-raised: #FBF9F4; /* Карт, самбар, форм хэсгийн дэвсгэр. */
  --surface-sunken: #E9E2D5; /* Хэсэг тусгаарлах зурвасын дэвсгэр. */
  --surface-placeholder: #DFD6C4; /* Зураг ороогүй байрын дүүргэлт. */
  --surface-inverse: #231F1D; /* Бараан самбар, хөл хэсэг, видеоны зурвас. */
  --surface-inverse-deep: #1B1714; /* Видео тоглуулагч, хамгийн гүн давхарга. */
  --ink: #16171A; /* Үндсэн бичвэр surface-page ба surface-raised дээр. */
  --ink-muted: #5C564E; /* Хоёрдогч бичвэр, тайлбар, хүснэгтийн шошго. */
  --ink-subtle: #6E655A; /* Жижиг тэмдэглэгээ, placeholder бичвэр. 4.5:1 хангах доод хязгаар. */
  --ink-inverse: #F2EDE3; /* Бараан дэвсгэр дээрх үндсэн бичвэр. */
  --ink-inverse-muted: #BDB4A8; /* Бараан дэвсгэр дээрх хоёрдогч бичвэр. */
  --ink-inverse-subtle: #968D82; /* Бараан дэвсгэр дээрх жижиг тэмдэглэгээ, хуулийн тэмдэглэл. */
  --border: #E6DECF; /* Карт, талбар, товчны хүрээ. */
  --border-subtle: #EBE3D5; /* Жагсаалт, хүснэгтийн дотоод тусгаарлагч. */
  --border-inverse: #3A332E; /* Бараан дэвсгэр дээрх хүрээ ба тусгаарлагч. */
  --positive: #2F6B5F; /* Өсөлт, амжилттай төлөв. Өнгө ганцаараа утга зөөхгүй — сум эсвэл бичвэр дагалдана. */
  --negative: #A33C12; /* Бууралт, алдаа. Өнгө ганцаараа утга зөөхгүй. */
  --ink-on-placeholder: #5F5649; /* surface-placeholder дээрх тэмдэглэгээний бичвэр ([ЗУРАГ] гэх мэт). Зөвхөн түр байрлагчид. */
  --focus: #6E2019; /* Focus ring: 2px, offset 2px. Товч, холбоос, оролтын талбар бүрт. */
  /* Artboard-аас авсан нэмэлт өнгө (tokens.json-д нэмэх санал) */
  --ink-inverse-soft: #D9D2C6; /* Utility bar бичвэр, видео үргэлжлэх хугацааны шошго. */
  --ink-inverse-body: #E6DFD4; /* Бараан самбарын үндсэн бичвэр (хөл, тооцоолуур, хувьцаа). */
  --ink-inverse-lead: #CFC6BA; /* Hero-гийн тайлбар мөр. */
  --ink-inverse-dim: #9A9088; /* Бараан дэвсгэр дээрх шошго, дэд бичвэр (utility bar 'Хувьцаа', dl dt). */
  --ink-inverse-faint: #6B625A; /* Utility bar тусгаарлагч цэг, hero хоёрдогч товчны хүрээ. */
  --ink-inverse-ghost: #4A423C; /* Hero зургийн байрлагч бичвэр, бараан самбар дээрх хоёрдогч товчны хүрээ. */
  --ink-strong: #3C3832; /* Цайвар дэвсгэр дээрх урт тайлбар бичвэр (орд, хувьцаа эзэмшигч). */
  --on-brand-soft: #F6EEEA; /* brand зурвасын үндсэн бичвэр. */
  --on-brand-muted: #E0C8C0; /* brand зурвасын тайлбар мөр (caption). */
  --positive-on-inverse: #5FA38F; /* Бараан дэвсгэр дээрх өсөлтийн утга (▲). Сум/тоо заавал дагалдана. */
  --surface-placeholder-alt: #E3DACA; /* Мэдээний зураг, ордын зураглалын байрлагч. */
  --ink-on-placeholder-soft: #877E72; /* Картын зургийн байрлагч бичвэр. */
  --ink-on-placeholder-dim: #8A8176; /* Том байрлагчийн бичвэр, range тэмдэглэгээ. */
  --surface-inverse-selected: #2E2724; /* Сонгогдсон видеоны мөрийн дэвсгэр. */
  --tag-tender: #3F4A4E; /* ТЕНДЕР ангиллын шошгын дэвсгэр. */
  --tag-community: #4A5A3E; /* ОРОН НУТАГ ангиллын шошгын дэвсгэр. */
  --breadcrumb-separator: #A79C8D; /* Замын мөрийн '/' тусгаарлагч. */
  --on-brand-caption: #E9D3CB; /* brand зурвасын (Үндсэн үзүүлэлт) тайлбар мөр — хэрэглэгчийн заавар 2026-10-16. */
  --hero-kicker: #F2D9CF; /* Hero kicker (design/Main.dc.html v3, HANDOFF-2 §5.1). */
  /* Фонт */
  --font-display: "Bitter", Georgia, serif;
  --font-sans: "Golos Text", system-ui, sans-serif;
  /* Зай */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 88px;
  /* Радиус */
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 18px;
  --radius-xl: 22px;
  --radius-full: 999px;
  /* Сүүдэр */
  --shadow-card: 0 1px 2px rgba(35, 31, 29, 0.03), 0 10px 28px rgba(35, 31, 29, 0.05);
  /* Хэмжээс (README: агуулга 1280px, хажуу space-6) */
  --content-max: 1280px;
}

/* Бичвэрийн хэв маяг — tokens.json type.groups */
.t-display-xl { font-family: var(--font-display); font-size: 68px; line-height: 74px; font-weight: 600; }
.t-display-lg { font-family: var(--font-display); font-size: 40px; line-height: 46px; font-weight: 600; }
.t-display-md { font-family: var(--font-display); font-size: 32px; line-height: 38px; font-weight: 600; }
.t-display-sm { font-family: var(--font-display); font-size: 23px; line-height: 29px; font-weight: 600; }
.t-stat { font-family: var(--font-display); font-size: 44px; line-height: 44px; font-weight: 600; }
.t-body-lg { font-family: var(--font-sans); font-size: 19px; line-height: 30px; font-weight: 400; }
.t-body { font-family: var(--font-sans); font-size: 16px; line-height: 25px; font-weight: 400; }
.t-body-sm { font-family: var(--font-sans); font-size: 15px; line-height: 23px; font-weight: 400; }
.t-caption { font-family: var(--font-sans); font-size: 13px; line-height: 20px; font-weight: 400; }
.t-label { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 600; }
.t-button { font-family: var(--font-sans); font-size: 15px; line-height: 20px; font-weight: 600; }