/* ═══════════════════════════════════════════════════════════════════════
   GOOSHOP — ДИЗАЙН ТОКЕН (ганц эх сурвалж)
   Эх сурвалж: "Sweet Secret Brand Book v1.0 · 2026" + "Gooshop Home Desktop".
   Дүрэм (товчхон):
     • Нэг дэлгэцэд усан цэнхэр + ягаан хоёроос өөр өнгө байхгүй.
     • Ягаан = ХОВОР акцент (CTA / sale / идэвхтэй таб) — ~5%.
     • Сүүдэр байхгүй; тусгаарлалт = 1px hairline эсвэл дэвсгэрийн ялгаа.
     • Радиус дээд тал 8px (chip л 999px). Ганц фонт: Manrope.
   Энэ файл ЗӨВХӨН токен зарлана. Хуудасны хэрэглээ = ss-reskin.css / ss-card.css.
   ═══════════════════════════════════════════════════════════════════════ */
:root{
  /* ── Өнгө ── */
  --g-white:#FFFFFF;
  --g-ink:#1A1A1A;         /* үндсэн текст — гарчиг, нэр, үнэ */
  --g-muted:#8C8C8C;       /* хоёрдогч текст — брэнд нэр, тайлбар */
  --g-slate:#5B7183;       /* тод хоёрдогч — зурвас, feature мөр */
  --g-tint:#EAF4FB;        /* section / surface цайвар tint */
  --g-tint-2:#F4F8FC;      /* зургийн дэвсгэр */
  --g-lav:#EEF1FB;         /* TOP 10 дэвсгэр */
  --g-blue:#A8D8EF;        /* брэнд цэнхэр — badge, hover, чимэг */
  --g-blue-line:#D3E6F3;   /* цэнхэвтэр input хүрээ */
  --g-line:#E5EEF4;        /* 1px hairline хүрээ */
  --g-pink:#E8547C;        /* АКЦЕНТ — CTA / sale / идэвхтэй таб */
  --g-pink-press:#D6416C;  /* акцент дарах/hover */
  --g-pink-tint:#F9E3EC;   /* цайвар ягаан highlight / бэлэг badge */

  /* ── Типографи ── */
  --g-font:'Manrope','Inter',system-ui,sans-serif;

  /* ── Хэлбэр ── */
  --g-r:8px;               /* карт / товч / banner (дээд хязгаар) */
  --g-r-sm:4px;            /* badge, жижиг элемент */
  --g-r-pill:999px;        /* ЗӨВХӨН chip / дугуй icon */

  /* Зайн тор: 4 / 8 / 12 / 16 / 24 / 32 · Tap target ≥ 44px */
}