/* STEM ОшГУ — дизайн-токены. Единственный источник значений для всего сайта.
   Цвета измерены по макетам (см. docs/DESIGN.md). */

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/inter-latin-wght-normal.woff2") format("woff2-variations");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/inter-cyrillic-wght-normal.woff2") format("woff2-variations");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/inter-cyrillic-ext-wght-normal.woff2") format("woff2-variations");
  /* кыргызские ү, ө, ң */
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

:root {
  /* --- Цвета: бренд ---------------------------------------------------- */
  --c-primary: #cc041c;
  --c-primary-hover: #b80419;
  --c-primary-active: #a30316;
  --c-primary-50: #fdf3f4;
  --c-primary-100: #f3e1e1;
  --c-primary-200: #eec6ca;
  --c-dark: #6c0509;
  --c-dark-2: #78030b;
  --c-dark-menu-a: #4e0308;
  --c-dark-menu-b: #64040c;
  --c-mobile-bar: #950f1a;

  /* --- Цвета: нейтральные ---------------------------------------------- */
  --c-bg: #ffffff;
  --c-surface: #f6f7f8;
  --c-border: #e5e7eb;
  --c-border-soft: #eeeeee;
  --c-text: #111111;
  --c-text-muted: #626976;
  --c-on-dark: #ffffff;
  --c-success: #15803d;
  --c-error: #b42318;
  --c-focus: rgba(204, 4, 28, 0.35);

  /* --- Градиенты и паттерны -------------------------------------------- */
  --g-hero: linear-gradient(90deg, rgba(108, 5, 9, 0.97) 0%, rgba(150, 6, 20, 0.9) 30%,
    rgba(190, 6, 24, 0.55) 52%, rgba(204, 4, 28, 0) 74%);
  --g-dark: linear-gradient(135deg, var(--c-dark-2), var(--c-dark));
  --p-diag: repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.035) 0 2px, transparent 2px 16px);

  /* --- Типографика ------------------------------------------------------ */
  --font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --fs-hero: clamp(1.875rem, 1rem + 2.1vw, 3rem);
  --fs-h1: clamp(1.5rem, 1.1rem + 1.2vw, 2.25rem);
  --fs-h2: clamp(1.25rem, 1rem + 0.7vw, 1.625rem);
  --fs-h3: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
  --fs-lead: clamp(1.0625rem, 0.95rem + 0.4vw, 1.25rem);
  --fs-body: 1rem;
  --fs-sm: 0.875rem;
  --fs-xs: 0.75rem;
  --fs-eyebrow: 0.75rem;
  --ls-eyebrow: 0.3em;
  --fw: 400;
  --fw-m: 500;
  --fw-sb: 600;
  --fw-b: 700;
  --fw-xb: 800;
  --lh-tight: 1.1;
  --lh-snug: 1.25;
  --lh-body: 1.6;

  /* --- Отступы (шаг 4) -------------------------------------------------- */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 20px;
  --s-6: 24px;
  --s-8: 32px;
  --s-10: 40px;
  --s-12: 48px;
  --s-16: 64px;
  --s-20: 80px;
  --gutter: clamp(16px, 5vw, 77px);
  --container: 1384px;

  /* --- Размеры ---------------------------------------------------------- */
  --header-h: 72px;
  --header-h-compact: 56px;
  --navbar-h: 48px;
  --tap: 44px;
  --icon: 24px;
  --icon-lg: 40px;

  /* --- Радиусы ---------------------------------------------------------- */
  --r-sm: 6px;
  --r-md: 8px;
  --r-lg: 12px;
  --r-xl: 16px;
  --r-full: 999px;

  /* --- Тени ------------------------------------------------------------- */
  --sh-card: 0 2px 8px rgba(17, 17, 17, 0.06), 0 1px 2px rgba(17, 17, 17, 0.04);
  --sh-lift: 0 10px 28px rgba(108, 5, 9, 0.14);
  --sh-strip: 0 -6px 24px rgba(0, 0, 0, 0.08);
  --sh-round: 0 2px 8px rgba(0, 0, 0, 0.18);
  --sh-header: 0 4px 18px rgba(17, 17, 17, 0.08);

  /* --- Движение и слои -------------------------------------------------- */
  --t-fast: 150ms;
  --t-base: 250ms;
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --z-header: 100;
  --z-dropdown: 110;
  --z-menu: 200;
  --z-modal: 300;
  --z-toast: 400;
}