/* ===========================================================================
   Biologik Fizika - Design tokens
   Modern Scientific EdTech: tibbiy teal + osmon ko'k + amber (laboratoriya).
   Bu yerdagi qiymatlar butun sayt bo'ylab yagona manba bo'lib xizmat qiladi.
   =========================================================================== */

:root {
  /* --- Brend: tibbiy teal (hayot, sog'liq, ilm) ------------------------ */
  --brand-50: #effcfa;
  --brand-100: #d2f5ef;
  --brand-200: #a6eadf;
  --brand-300: #6dd8c9;
  --brand-400: #36bfae;
  --brand-500: #14a394;
  --brand-600: #0c857a;
  --brand-700: #0d6b63;
  --brand-800: #0f5550;
  --brand-900: #0a3a38;

  /* --- Ikkilamchi: osmon ko'k (fizika, texnologiya) ---------------------- */
  --cyan-50: #f0f8ff;
  --cyan-100: #dcefff;
  --cyan-300: #86c9f6;
  --cyan-400: #4aa9ee;
  --cyan-500: #1d8ddc;
  --cyan-600: #1170bb;
  --cyan-700: #115a95;

  /* --- Urg'u: indigo (ma'lumot, interaktiv) ------------------------------ */
  --violet-100: #e8e9fe;
  --violet-400: #8b8ff6;
  --violet-500: #6d6ff0;
  --violet-600: #5654d9;

  /* --- Laboratoriya: amber ----------------------------------------------- */
  --amber-50: #fff8eb;
  --amber-100: #feedc7;
  --amber-500: #e38a0e;
  --amber-600: #bf6d06;

  /* --- Puls: marjon qizil (yurak, ECG) ----------------------------------- */
  --coral-50: #fff1f1;
  --coral-400: #fb7185;
  --coral-500: #f0506e;
  --coral-600: #d63556;

  /* --- Neytral: dark navy -> slate --------------------------------------- */
  --ink-900: #0c1b24;
  --ink-800: #1b2c37;
  --ink-700: #2f4351;
  --ink-600: #465b69;
  --ink-500: #627684;
  --ink-400: #94a5b1;
  --ink-300: #c9d4db;
  --ink-200: #e1e8ec;
  --ink-100: #f0f4f6;

  /* --- Yuzalar ------------------------------------------------------------ */
  --bg: #f6f9f9;
  --surface: #ffffff;
  --surface-2: #eff5f5;
  --surface-3: #e3eced;
  --border: #e0e8ea;
  --border-strong: #c7d3d7;

  /* --- Matn --------------------------------------------------------------- */
  --text: var(--ink-900);
  --text-muted: var(--ink-600);
  --text-subtle: var(--ink-500);
  --text-invert: #ffffff;

  /* --- Semantik ----------------------------------------------------------- */
  --success: #16a34a;
  --success-bg: #effaf2;
  --success-border: #b7e8c6;
  --warning: #f59e0b;
  --warning-bg: #fffbeb;
  --warning-border: #fde68a;
  --danger: #ef4444;
  --danger-bg: #fef2f2;
  --danger-border: #fecaca;
  --info: var(--cyan-600);
  --info-bg: var(--cyan-50);

  /* --- Bo'lim ranglari (ma'ruza / amaliy / seminar) ----------------------- */
  --sec-lecture: var(--brand-600);
  --sec-lecture-bg: var(--brand-50);
  --sec-practice: var(--cyan-600);
  --sec-practice-bg: var(--cyan-50);
  --sec-lab: var(--amber-600);
  --sec-lab-bg: var(--amber-50);
  --sec-seminar: var(--sec-lab);
  --sec-seminar-bg: var(--sec-lab-bg);

  /* --- Tipografika -------------------------------------------------------- */
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  --font-display: "Manrope", var(--font-body);
  --font-mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;

  --fs-xs: 0.8125rem;   /* 13px */
  --fs-sm: 0.875rem;    /* 14px */
  --fs-base: 1rem;      /* 16px */
  --fs-md: 1.0625rem;   /* 17px - uzun matn uchun qulayroq */
  --fs-lg: 1.25rem;
  --fs-xl: 1.5rem;
  --fs-2xl: 1.875rem;
  --fs-3xl: 2.25rem;
  --fs-4xl: 2.75rem;
  --fs-5xl: 3.5rem;

  --lh-tight: 1.2;
  --lh-heading: 1.3;
  --lh-body: 1.75;      /* o'zbekcha uzun matnlar uchun */
  --lh-relaxed: 1.85;

  --tracking-tight: -0.02em;
  --tracking-wide: 0.04em;

  /* O'qish qulayligi: ma'ruza matni kengligi */
  --measure: 72ch;

  /* --- Masofa (4px bazasi) ------------------------------------------------ */
  --s-1: 0.25rem;
  --s-2: 0.5rem;
  --s-3: 0.75rem;
  --s-4: 1rem;
  --s-5: 1.25rem;
  --s-6: 1.5rem;
  --s-7: 1.75rem;
  --s-8: 2rem;
  --s-10: 2.5rem;
  --s-12: 3rem;
  --s-16: 4rem;
  --s-20: 5rem;
  --s-24: 6rem;

  /* --- Radius ------------------------------------------------------------- */
  --radius-xs: 6px;
  --radius-sm: 8px;
  --radius: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 999px;

  /* --- Soyalar (yumshoq, past kontrastli) --------------------------------- */
  --shadow-xs: 0 1px 2px rgba(12, 27, 36, 0.04);
  --shadow-sm: 0 1px 3px rgba(12, 27, 36, 0.06), 0 1px 2px rgba(12, 27, 36, 0.04);
  --shadow: 0 4px 12px rgba(12, 27, 36, 0.06), 0 1px 3px rgba(12, 27, 36, 0.04);
  --shadow-md: 0 8px 24px rgba(12, 27, 36, 0.08), 0 2px 6px rgba(12, 27, 36, 0.04);
  --shadow-lg: 0 16px 40px rgba(12, 27, 36, 0.1), 0 4px 12px rgba(12, 27, 36, 0.05);
  --shadow-brand: 0 8px 24px rgba(12, 133, 122, 0.22);

  /* --- Animatsiya --------------------------------------------------------- */
  --dur-fast: 140ms;
  --dur: 220ms;
  --dur-slow: 380ms;
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);

  /* --- Tuzilma ------------------------------------------------------------ */
  --container: 1200px;
  --container-narrow: 820px;
  --container-wide: 1400px;
  --header-h: 72px;
  --header-h-compact: 58px;
  --sidebar-w: 268px;

  /* --- Z qatlamlar -------------------------------------------------------- */
  --z-header: 100;
  --z-dropdown: 200;
  --z-overlay: 300;
  --z-modal: 400;
  --z-toast: 500;
}