/*
 * Hamtdaa.fun дизайн токенууд (UX/UI ба дизайн систем баримтаас).
 * Код зөвхөн утгын токеныг (--bg, --team-1 ...) ашиглана; өнгө солиход энэ файлыг л засна.
 */
:root {
  /* Бараан (ТВ үндсэн) */
  --bg: #12102A;
  --surface: #1E1B3D;
  --surface-raised: #2A2652;
  --text: #FFFFFF;
  --text-muted: #B9B4D9;
  --brand: #FFB020;
  --brand-alt: #FF5DA2;
  --success: #2EE59D;
  --danger: #FF5A5F;
  --focus-ring: 0 0 0 4px #FFFFFF, 0 0 0 6px var(--brand);

  /* Багийн өнгө (дүрс ба нэр заавал дагана) */
  --team-1: #FF4757; --team-1-on: #FFFFFF;
  --team-2: #1ED37A; --team-2-on: #12102A;
  --team-3: #3D8BFF; --team-3-on: #FFFFFF;
  --team-4: #FFD23F; --team-4-on: #12102A;
  --team-5: #B266FF; --team-5-on: #FFFFFF;
  --team-6: #FF8A3D; --team-6-on: #12102A;

  --font-display: "Unbounded", "Inter", system-ui, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* Утасны хэмжээ */
  --type-display-xl: 56px;
  --type-display: 40px;
  --type-title: 28px;
  --type-heading: 22px;
  --type-body: 17px;
  --type-caption: 13px;

  --radius-sm: 12px;
  --radius: 20px;
  --radius-lg: 28px;
  --tap-min: 56px;
  --space: 16px;
}

/* Утас: системийн гэрэл горимыг дагана */
@media (prefers-color-scheme: light) {
  html[data-surface="phone"] {
    --bg: #FAF7F2;
    --surface: #FFFFFF;
    --surface-raised: #F1ECE4;
    --text: #16132E;
    --text-muted: #5C587A;
    --brand: #E89400;
    --brand-alt: #E0397F;
    --success: #0F9D63;
    --danger: #D93036;
    --focus-ring: 0 0 0 3px #16132E;
  }
}

/* ТВ: 1080p суурь, vh-ээр томроно (160px @1080p = 14.8vh) */
html[data-surface="tv"] {
  --type-display-xl: 14.8vh;
  --type-display: 8.9vh;
  --type-title: 5.9vh;
  --type-heading: 4.4vh;
  --type-body: 3.3vh;
  --type-caption: 2.6vh;
  --space: 2.2vh;
  --radius: 2.6vh;
}