/* Hi Mommy — цорын ганц token файл. Өнгө, сүүдэр, үсгийн хэмжээ зөвхөн энд. */
:root {
  /* Brandbook «Үндсэн өнгө». Цайвар тул текст, цагаан бичигтэй товчинд шууд хэрэглэхгүй (AA хангахгүй);
     зөвхөн дэвсгэр, хүрээ, чимэглэлд. Текстэнд доорх гүн хувилбаруудыг хэрэглэнэ. */
  --color-brand-blue: #77c4ff;
  --color-brand-pink: #f99595;
  --color-brand-pink-soft: #f1c8c8;
  --color-brand-beige: #e8e2dc;
  --color-brand-blue-soft: #c8e4fa;

  --color-bg: #f3f9ff; /* brand soft blue #c8e4fa-ийн маш цайвар */
  --color-surface: #ffffff;
  --color-ink: #22314a;
  --color-muted: #5a6880; /* 5.3:1 on bg */
  --color-line: #d3e6f7;
  /* Тод CTA гадаргуу: brand цэнхэр → ханасан цэнхэр, дээр нь navy текст (≥5.6:1) */
  --color-navy: #0b2a47;
  --color-cta: var(--color-brand-blue);
  --color-cta-2: #3ea6ff;
  --color-on-cta: var(--color-navy); /* 7.74 on #77c4ff, 5.64 on #3ea6ff */
  --color-on-cta-soft: rgba(255, 255, 255, .45);
  --color-highlight: var(--color-brand-pink); /* ягаан тодруулга гадаргуу */
  --color-on-highlight: var(--color-navy); /* 6.80:1 */
  --color-highlight-soft: #fde3e3;
  --color-gold: #ffd166; /* Их тохирол: navy текст 10.14:1 */
  --color-gold-soft: #fff4d6;
  --color-art-shadow: rgba(11, 42, 71, .18);
  --color-overlay-soft: rgba(11, 42, 71, .55);
  --color-focus: #2b8fe6; /* focus outline: 3.40 on white, 3.21 on bg */

  /* Жижиг текст, холбоос, admin товч: AA хангах тод цэнхэр */
  --color-primary: #0a6fc2; /* 5.17 on white, 4.87 on bg, 4.62 on primary-soft */
  --color-on-primary: #ffffff;
  --color-primary-soft: #e8f4fe;
  --color-primary-dash: var(--color-brand-blue);
  --color-primary-deep: #0857a0;
  --color-on-primary-soft: rgba(255, 255, 255, .2);
  --color-shine: rgba(255, 255, 255, .28);
  --shadow-cta: 0 12px 26px -10px rgba(62, 166, 255, .7);
  --color-accent: #c8323c; /* brand ягааны тод гүн хувилбар (текст): 5.28 on white, 4.98 on bg */
  --color-ok: #23845a;
  --color-ok-soft: #e3f4ec;
  --color-ok-dash: #9ad3b8;
  --color-warn: #b5541c;
  --color-warn-soft: #fdeee3;
  --color-disabled: #a99fae;
  --color-disabled-soft: #f3f0f2;
  --color-disabled-line: #e2dce4;
  --color-photo-bg: #f4f0ec; /* brand beige #e8e2dc-ийн цайвар */
  --color-sketch: #bccbdb;
  --color-sketch-soft: #dbe5ef;
  --color-sketch-line: #d6e2ee;
  --color-overlay: rgba(11, 42, 71, .94);

  --shadow-card: 0 1px 2px rgba(26, 72, 112, .06), 0 6px 20px rgba(26, 72, 112, .08);
  --radius: 16px;

  --fs-svg: 10px;
  --fs-xs: 13px;
  --fs-sm: 14px;
  --fs-md: 15px;
  --fs-base: 17px;
  --fs-lg: 19px;
  --fs-xl: 22px;
  --fs-2xl: 26px;
  --fs-3xl: 30px;
  --fs-display: 48px;
  --fs-hero: 72px;

  /* Live тохирлын дэлгэц (Facebook live, том дэлгэц) */
  --live-bg: #0b2a47;
  --live-bg-2: #14467a;
  --live-glow: rgba(249, 149, 149, .32); /* brand pink */
  --live-glow-2: rgba(119, 196, 255, .34); /* brand blue */
  --live-ink: #ffffff;
  --live-muted: rgba(255, 255, 255, .72);
  --live-panel: rgba(255, 255, 255, .08);
  --live-line: rgba(255, 255, 255, .18);
  --live-gold: #ffd166;
  --live-reel: #ffffff;
  --live-reel-ink: #0b2a47;
  --live-reel-shade: rgba(11, 42, 71, .22);
  --live-accent: var(--color-brand-pink); /* бараан дэвсгэр дээрх ягаан текст: 6.8:1 */
  --shadow-live: 0 20px 60px rgba(0, 0, 0, .35);
  --fs-reel: clamp(44px, 9vw, 132px);
  --fs-live-title: clamp(28px, 4.2vw, 64px);
  --fs-live-name: clamp(36px, 6vw, 96px);

  /* AI туслах */
  /* Хонжвор */
  --prize-glow: rgba(119, 196, 255, .55);
  --prize-glow-2: rgba(249, 149, 149, .5);
  --prize-star: rgba(255, 255, 255, .9);
  --shadow-prize: 0 18px 40px -18px rgba(11, 42, 71, .45);
  --fs-art-label: 7.5px; /* SVG viewBox (120) доторх жижиг шошго */
  --fs-prize: clamp(26px, 7.4vw, 34px);
  --chat-shadow: 0 18px 50px rgba(11, 42, 71, .28);

  --font: 'Nunito', system-ui, -apple-system, 'Segoe UI', sans-serif;
}