/* assets/css/tokens.css - SciMetrics dizayn tokenlari: yagona manba.
   Ranglar, soyalar, radiuslar va shriftlar shu yerda; style.css, interface.css, governance.css va
   layout sahifalaridagi inline stillar faqat shu tokenlardan foydalanadi. Rangni o'zgartirish uchun
   faqat shu faylni tahrirlang. Hujjatlar (sertifikat, xat, Word/PDF) va JS grafiklar o'z ranglarini saqlaydi.
   Yuklash tartibi: tokens.css -> style.css -> interface.css (views/layout/header.php). */

:root {
    /* ─── Background Layers (Kunduzgi rejim / Light Mode) ─── */
    --bg-app: #f8fafc;
    --bg-surface: #ffffff;
    --bg-surface-elevated: #ffffff;
    --bg-subtle: #f1f5f9;
    --bg-input: #ffffff;
    --bg-glass: rgba(255, 255, 255, 0.88);
    --bg-card: var(--bg-surface);
    --primary-color: var(--primary);
    /* ─── Borders (Aniq, nafis, professional) ─── */
    --border-subtle: #f1f5f9;
    --border-color: #e2e8f0;
    --border-strong: #cbd5e1;
    --border-focus: var(--teal-52);
    /* ─── Text Hierarchy (Yuqori kontrast va tiniq o'qilishi) ─── */
    --text-main: #0f172a;
    --text-secondary: #334155;
    --text-muted: #64748b;
    --text-tertiary: #94a3b8;
    --text-primary: var(--text-main);
    --text-dark: var(--text-main);
    --bg-card-hover: var(--bg-surface-elevated);
    /* ─── Brand / Primary ─── */
    --primary: #0d5d5d;
    --primary-hover: #0a4f4f;
    --primary-light: #eaf7f6;
    --primary-mid: #1d8f82;
    --primary-gradient: linear-gradient(135deg, #0d5d5d 0%, #1a8b7f 100%);
    --primary-glow: 0 8px 24px rgba(13, 93, 93, 0.22);
    /* ─── Academic Platforms ─── */
    --scopus-orange: #ea580c;
    --scopus-gradient: linear-gradient(135deg, #ea580c 0%, #f97316 100%);
    --scopus-bg: #fff7ed;
    --scopus-border: #fed7aa;
    --scholar-blue: var(--teal-52);
    --scholar-gradient: linear-gradient(135deg, var(--teal-52) 0%, var(--teal-61) 100%);
    --scholar-bg: #f0f6f6;
    --scholar-border: var(--teal-88);
    /* ─── Semantic Colors ─── */
    --emerald: #059669;
    --emerald-bg: #ecfdf5;
    --emerald-border: #a7f3d0;
    --emerald-glow: rgba(5, 150, 105, 0.15);
    --amber: #d97706;
    --amber-bg: #fffbeb;
    --amber-border: #fde68a;
    --rose: #e11d48;
    --rose-bg: #fff1f2;
    --rose-border: #fecdd3;
    /* ─── Purple accent ─── */
    --violet: #7c3aed;
    --violet-bg: #f5f3ff;
    --violet-border: #ddd6fe;
    /* ─── Geometry ─── */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 20px;
    --radius-2xl: 26px;
    --radius-full: 9999px;
    /* ─── Typography ─── */
    --font-heading: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-mono: 'JetBrains Mono', monospace;
    /* ─── Layered Shadows ─── */
    --shadow-xs: 0 1px 2px rgba(15, 23, 42, 0.05);
    --shadow-card: 0 2px 10px rgba(15, 23, 42, 0.04), 0 1px 3px rgba(15, 23, 42, 0.06);
    --shadow-hover: 0 12px 28px -6px rgba(15, 23, 42, 0.09), 0 6px 12px -4px rgba(15, 23, 42, 0.04);
    --shadow-dropdown: 0 18px 40px -8px rgba(15, 23, 42, 0.16), 0 6px 16px rgba(15, 23, 42, 0.06);
    --shadow-modal: 0 25px 60px -12px rgba(15, 23, 42, 0.28);
    --shadow-inner: inset 0 1px 2px rgba(15, 23, 42, 0.05);
    /* ─── Transitions ─── */
    --transition-fast: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    --transition: all 0.22s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);

    /* ─── Layout ─── */
    --card-bg: var(--bg-surface);
    --border-card: var(--border-color);
    --sidebar-width: 280px;
    --header-height: 64px;

    /* ─── QDTU brend palitrasi (ikkala rejimda bir xil). Jasur yashil + quyuq teal ─── */
    --teal-93: #edf9f7;
    --teal-88: #d7f3ef;
    --teal-81: #bfeae3;
    --teal-77: #9fe0d4;
    --teal-71: #72cbbd;
    --teal-66: #58bca9;
    --teal-61: #2fa892;
    --teal-56: #218b7f;
    --teal-52: #1b7d72;
    --teal-48: #146c64;
    --teal-42: #0d5d5d;
    --teal-38: #0a4d4d;
    --teal-34: #093f3f;
    --teal-27: #072d2d;
    --teal-25: #061f1f;
    --navy-33: #0f6e69;
    --navy-31: #0d5d5d;
    --navy-24: #0d5d5d;
    --teal-88-rgb: 215, 243, 239;
    --teal-81-rgb: 191, 234, 227;
    --teal-71-rgb: 114, 203, 189;
    --teal-66-rgb: 88, 188, 169;
    --teal-61-rgb: 47, 168, 146;
    --teal-56-rgb: 33, 139, 127;
    --teal-52-rgb: 27, 125, 114;
    --teal-48-rgb: 20, 108, 100;
    --teal-42-rgb: 13, 93, 93;
    --teal-38-rgb: 10, 77, 77;
    --teal-34-rgb: 9, 63, 63;
    --navy-24-rgb: 13, 93, 93;
}

/* ─── Tungi rejim (Dark Mode) ─── */
body.dark-theme,
html.dark-theme,
body.dark-mode,
html.dark-mode,
:root[data-theme="dark"] {
    /* ─── Background Layers (Premium Dark Slate palitra) ─── */
    --bg-app: #090d16;
    --bg-surface: #111827;
    --bg-surface-elevated: #1a2337;
    --bg-subtle: #192237;
    --bg-input: #0e1526;
    --bg-glass: rgba(17, 24, 39, 0.88);
    --bg-card: var(--bg-surface);
    --bg-card-hover: var(--bg-surface-elevated);
    --primary-color: var(--primary);
    /* ─── Text Aliases for Universal Compatibility ─── */
    --text-primary: var(--text-main);
    --text-dark: var(--text-main);
    /* ─── Borders (Yupqa, nozik, bloklarni aniq ajratuvchi) ─── */
    --border-subtle: #162033;
    --border-color: #1e293b;
    --border-strong: rgba(255, 255, 255, 0.22);
    --border-focus: var(--teal-61);
    /* ─── Text Hierarchy (Yuqori kontrast, ravshan va yengil o'qiladigan) ─── */
    --text-main: #f8fafc;
    --text-secondary: #cbd5e1;
    --text-muted: #94a3b8;
    --text-tertiary: #94a3b8;
    /* ─── Brand / Primary ─── */
    --primary: var(--teal-61);
    --primary-hover: var(--teal-71);
    --primary-light: rgba(var(--teal-61-rgb), 0.16);
    --primary-mid: var(--teal-71);
    --primary-gradient: linear-gradient(135deg, var(--teal-52) 0%, var(--teal-56) 100%);
    --primary-glow: 0 8px 24px rgba(var(--teal-61-rgb), 0.28);
    /* ─── Academic Platforms ─── */
    --scopus-orange: #fb923c;
    --scopus-gradient: linear-gradient(135deg, #ea580c 0%, #fb923c 100%);
    --scopus-bg: rgba(234, 88, 12, 0.16);
    --scopus-border: rgba(251, 146, 60, 0.35);
    --scholar-blue: var(--teal-71);
    --scholar-gradient: linear-gradient(135deg, var(--teal-52) 0%, var(--teal-71) 100%);
    --scholar-bg: rgba(var(--teal-61-rgb), 0.16);
    --scholar-border: rgba(var(--teal-71-rgb), 0.35);
    /* ─── Semantic Colors ─── */
    --emerald: #34d399;
    --emerald-bg: rgba(16, 185, 129, 0.16);
    --emerald-border: rgba(52, 211, 153, 0.35);
    --emerald-glow: rgba(16, 185, 129, 0.25);
    --amber: #fbbf24;
    --amber-bg: rgba(245, 158, 11, 0.16);
    --amber-border: rgba(251, 191, 36, 0.35);
    --rose: #f87171;
    --rose-bg: rgba(239, 68, 68, 0.16);
    --rose-border: rgba(248, 113, 113, 0.35);
    --violet: #a78bfa;
    --violet-bg: rgba(139, 92, 246, 0.16);
    --violet-border: rgba(167, 139, 250, 0.35);
    /* ─── Layered Shadows (Dark modega mos keluvchi nozik chegara nurlari) ─── */
    --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.4);
    --shadow-card: 0 2px 10px rgba(0, 0, 0, 0.35);
    --shadow-hover: 0 12px 28px -6px rgba(0, 0, 0, 0.5);
    --shadow-dropdown: 0 18px 40px -8px rgba(0, 0, 0, 0.6);
    --shadow-modal: 0 25px 60px -12px rgba(0, 0, 0, 0.75);
    --shadow-inner: inset 0 2px 4px rgba(0, 0, 0, 0.35);

    /* ─── Layout ─── */
    --card-bg: var(--bg-surface);
    --border-card: var(--border-color);
    color-scheme: dark;
}