/* ============================================================================
   Их Булаг — дизайн токен (ЦОРЫН ГАНЦ ЭХ СУРВАЛЖ)
   ----------------------------------------------------------------------------
   Энэ файлыг ХОЁУЛАН гадаргуу ачаална:
     • портал  — templates/base.html
     • админ   — templates/admin/base_site.html

   Өмнө нь палитр хоёр газар давхардаж бичигдсэн байв:
   templates/base.html-ийн tailwind.config (JS объект) ба
   static/admin/claude.css-ийн :root блок. Аль нэгийг нь өөрчлөхөд нөгөө нь
   чимээгүй хоцордог байсан — /dashboard/ ба /admin/ хоорондын уялдаа
   алдагдсаны үндсэн шалтгаан.

   ⚠ templates/base.html-ийн tailwind.config дахь өнгө энд бичсэнтэй ЗААВАЛ
   ижил байх ёстой. Tailwind нь CDN-ээс ирдэг, build step байхгүй тул
   config-ыг эндээс автоматаар уншуулах боломжгүй (opacity modifier —
   bg-cream-50/85 гэх мэт — ажиллахын тулд өнгө нь <alpha-value> оруулж
   болох хэлбэрт байх шаардлагатай). Тиймээс одоохондоо гар аргаар
   синк байлгана; шилжилтийг --*-rgb хэлбэрээр доор бэлдсэн.
   ============================================================================ */

:root {
    color-scheme: light;
    supported-color-schemes: light;

    /* ── Палитр ─────────────────────────────────────────────────────────── */
    --cream-50:  #faf9f5;   /* хуудасны дэвсгэр */
    --cream-100: #f4f1ea;   /* хоёрдогч гадаргуу, hover */
    --cream-200: #ece6d8;   /* хүрээ */
    --cream-300: #dcd1ba;   /* тод хүрээ, disabled */

    --clay-50:  #fcf4ef;
    --clay-100: #f7e9df;
    --clay-200: #f0d3c1;
    --clay-300: #e8b598;
    --clay-400: #dc967a;
    --clay-500: #cc785c;    /* БРЭНДИЙН accent */
    --clay-600: #b86547;
    --clay-700: #995239;
    --clay-800: #7a4129;
    --clay-900: #5c321e;

    --ink-600: #5a5544;     /* бүдэг текст */
    --ink-700: #3d3929;     /* хоёрдогч текст */
    --ink-800: #2c2a1e;     /* үндсэн текст */
    --ink-900: #1a1813;     /* гарчиг, primary товчны дэвсгэр */

    /* ── Семантик төлөв ──────────────────────────────────────────────────
       Утгууд нь Tailwind-ийн стандарт масштабаас — портал аль хэдийн
       `badge bg-emerald-100 text-emerald-800` гэх маягаар хэрэглэж байгаа
       тул админы badge пиксель ижил гарна. */
    --ok-bg:      #d1fae5;  --ok-fg:      #065f46;  --ok-line:      #a7f3d0;
    --warn-bg:    #fef3c7;  --warn-fg:    #92400e;  --warn-line:    #fde68a;
    --danger-bg:  #ffe4e6;  --danger-fg:  #9f1239;  --danger-line:  #fecdd3;
    --info-bg:    #dbeafe;  --info-fg:    #1e40af;  --info-line:    #bfdbfe;

    /* ── Channel хэлбэр ──────────────────────────────────────────────────
       Tailwind-ийн <alpha-value>-д зөвхөн `rgb(R G B / <alpha-value>)`
       хэлбэр ажилладаг. Порталын tailwind.config-ыг эдгээр рүү шилжүүлэхэд
       bg-cream-50/85 зэрэг ~15 opacity modifier эвдрэхгүй үлдэнэ. */
    --cream-50-rgb:  250 249 245;
    --cream-100-rgb: 244 241 234;
    --cream-200-rgb: 236 230 216;
    --cream-300-rgb: 220 209 186;
    --clay-500-rgb:  204 120 92;
    --clay-600-rgb:  184 101 71;
    --clay-700-rgb:  153 82 57;
    --ink-700-rgb:    61  57  41;
    --ink-800-rgb:    44  42  30;
    --ink-900-rgb:    26  24  19;

    /* ── Layout ─────────────────────────────────────────────────────────
       Өмнө нь navbar-ын өндөр (h-14 / sm:h-16) зөвхөн Tailwind классд
       байсан тул админд хуулбарлах боломжгүй "ид шидийн тоо" байв. */
    --nav-h:      3.5rem;   /* h-14 */
    --nav-h-md:   4rem;     /* sm:h-16 */
    --shell-max:  72rem;    /* max-w-6xl */
    --shell-pad:  1rem;     /* px-4 */
    --shell-pad-md: 1.5rem; /* sm:px-6 */

    --radius-btn:  .625rem;
    --radius-card: 1rem;
    --radius-pill: 9999px;

    /* ── Elevation (base.html-ийн boxShadow-оос яг хуулсан) ─────────────── */
    --shadow-soft: 0 1px 2px rgba(45,40,30,0.04), 0 4px 12px rgba(45,40,30,0.04);
    --shadow-elev: 0 1px 3px rgba(45,40,30,0.06), 0 8px 24px rgba(45,40,30,0.08);
    --shadow-glow: 0 12px 32px -8px rgba(204,120,92,0.35);
    --shadow-ring: 0 0 0 4px rgba(204,120,92,0.12);

    /* ── Typography ─────────────────────────────────────────────────────── */
    --font-sans:  'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-serif: 'Fraunces', Georgia, serif;
    --font-mono:  ui-monospace, SFMono-Regular, 'SF Mono', Menlo, monospace;
}

/* ── Албадсан dark mode-ыг эсэргүүцэх ────────────────────────────────────
   Samsung Internet ба Chrome-on-Android нь хуудсыг хэрэглэгчийн зөвшөөрөлгүй
   харанхуйлдаг. Портал (templates/base.html) үүнийг аль хэдийн дарж байсан
   бөгөөс админ дарж чадаагүй тул OS-ийн dark асаалттай үед /admin/ хагас
   хувирсан байдалтай харагддаг байв. Хоёулан дээр нэг дүрмээр шийднэ. */
@media (prefers-color-scheme: dark) {
    :root { color-scheme: light; }
    html, body {
        background-color: var(--cream-50) !important;
        color: var(--ink-800) !important;
    }
    input, select, textarea, button {
        background-color: #fff !important;
        color: var(--ink-800) !important;
    }
}