/* ============================================================
   ФАРМОБОРОНА — Design Tokens
   Источник: Figma "ФАРМОБОРОНА SITE", метрики METADATA.md
   ============================================================ */

/* Inter (self-hosted, since Google Fonts is blocked on this network) */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/Inter-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/Inter-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/Inter-SemiBold.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/fonts/Inter-Bold.woff2") format("woff2");
}

:root {
  /* Brand teal — главный акцент (color book: #004c59 / #009294 / #85baaf) */
  --c-teal-900: #004c59; /* dark brand (color book) */
  --c-teal-700: #009294;        /* primary brand (color book) */
  --c-teal-600: #029294;
  --c-teal-400: #85baaf;        /* light brand (color book) */
  --c-teal-200: #8CC7BB;
  --c-teal-100: #CDE3DE;
  --c-teal-chip: #8AE9EA;       /* яркий чип на карточках */
  --c-bg-soft:  #F3F7FA;        /* серо-голубой светлый фон */

  /* Ink / нейтральные */
  --c-ink-900: #25292B;
  --c-ink-800: #272D31;
  --c-ink-700: #5A6E7C;
  --c-ink-600: #636A70;
  --c-ink-500: #809CAF;
  --c-ink-400: #A8B4BD;
  --c-ink-300: #BDCCD2;
  --c-ink-200: #DCE6F5;
  --c-ink-100: #E8EDF4;
  --c-ink-050: #F3F7FA;

  --c-white:   #FFFFFF;
  --c-hero-dark: #000A3A;       /* тёмный фон hero */
  --c-card-warm: #BDCCD2;       /* фон career hero */

  /* Tweak-овая «акцентная» переменная — её гоняет панель Tweaks */
  --accent: var(--c-teal-700);
  --accent-soft: var(--c-teal-100);
  --accent-bright: var(--c-teal-chip);

  /* Типографика */
  --font-sans: "Inter", "Onest", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* Шкала размеров текста — из METADATA.md */
  --fs-xs:   12px;
  --fs-sm:   14px;
  --fs-base: 16px;
  --fs-md:   18px;
  --fs-lg:   20px;
  --fs-xl:   24px;
  --fs-2xl:  32px;
  --fs-3xl:  40px;
  --fs-4xl:  50px;
  --fs-5xl:  60px;

  /* Плотность / spacing (управляется Tweaks) */
  --density: 1;
  --space-1: calc(4px * var(--density));
  --space-2: calc(8px * var(--density));
  --space-3: calc(12px * var(--density));
  --space-4: calc(16px * var(--density));
  --space-5: calc(20px * var(--density));
  --space-6: calc(24px * var(--density));
  --space-8: calc(32px * var(--density));
  --space-10: calc(40px * var(--density));
  --space-12: calc(48px * var(--density));
  --space-16: calc(64px * var(--density));
  --space-20: calc(80px * var(--density));

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

  /* Тени */
  --shadow-card: 0 1px 2px rgba(37,41,43,.04), 0 8px 24px -8px rgba(37,41,43,.08);
  --shadow-hover: 0 4px 8px rgba(0,146,148,.06), 0 16px 32px -8px rgba(0,146,148,.18);

  /* Сетка / контейнер */
  --container: 1200px;
  --gutter: 40px;
}

/* ---------- Tweak presets ----------------------------------- */
[data-accent="teal"]    { --accent: #009294; --accent-soft: #CDE3DE; --accent-bright: #8AE9EA; }
[data-accent="navy"]    { --accent: #1F3A6B; --accent-soft: #DCE6F5; --accent-bright: #B7C8F8; }
[data-accent="emerald"] { --accent: #0F8A5B; --accent-soft: #D6F0E4; --accent-bright: #84E5B6; }
[data-accent="ink"]     { --accent: #25292B; --accent-soft: #E8EDF4; --accent-bright: #A8B4BD; }

[data-font="onest"]      { --font-sans: "Onest", system-ui, sans-serif; }
[data-font="inter"]      { --font-sans: "Inter", system-ui, sans-serif; }
[data-font="manrope"]    { --font-sans: "Manrope", system-ui, sans-serif; }
[data-font="ibm"]        { --font-sans: "IBM Plex Sans", system-ui, sans-serif; }

[data-density="compact"] { --density: 0.85; }
[data-density="cozy"]    { --density: 1; }
[data-density="roomy"]   { --density: 1.18; }