/**
 * UNIT — Brand tokens for landing page.
 * Источник: /Users/bere3nikov/Downloads/frontend/css/theme.css + pages_styles/dashboard/index.css
 *
 * Ключевая палитра: тёплый молочный фон + двухцветный логотип (тёмно-синий + индиго-серо-голубой).
 * Шрифт продукта: Google Sans. На лэндинге допустимо использовать его же — файлы лежат в brand/fonts.
 */

:root {
  /* ───────── Базовая палитра ───────── */
  --u-navy: #1E3D59;          /* primary dark — логотип, кнопки primary */
  --u-blue: #48749E;          /* primary accent — логотип, ссылки, акценты */
  --u-blue-soft: #98ADCA;     /* secondary accent — badge fill */
  --u-blue-pale: #E9F0F8;     /* очень светлый — soft-фон */

  /* Поверхности */
  --u-bg: #FAF8F6;            /* фон страницы — тёплый off-white */
  --u-surface: #FDFBFA;       /* основная карточка / поверхность */
  --u-surface-muted: #F2F0ED; /* приглушённая поверхность (sidebar, чипы) */
  --u-surface-soft: #ECE9E6;  /* hover / apply фон */

  /* Бордеры */
  --u-border: #E6E1DA;        /* основной бордер 0.5px-1px */
  --u-border-strong: #D5DCE3; /* акцентный бордер */

  /* Текст */
  --u-text: #272835;          /* основной текст */
  --u-text-body: #212121;     /* body на карточках */
  --u-text-muted: #6D6C65;    /* приглушённый */
  --u-text-soft: #848484;     /* мета, иконки */

  /* Семантика — статусы и действия (берётся из дизайн-системы продукта) */
  --u-success-bg: #E4F1EA;
  --u-success-text: #3C865E;
  --u-success-border: #8FC2A4;

  --u-info-bg: #E8EEF4;
  --u-info-text: #48749E;
  --u-info-border: #9FB7CD;

  --u-warning-bg: #F4ECD9;
  --u-warning-text: #A07A1F;
  --u-warning-border: #D6A43A;

  --u-danger-bg: #EFD1C2;
  --u-danger-text: #9A5537;
  --u-danger-border: #BE7E62;

  --u-neutral-bg: #F3F5F7;
  --u-neutral-text: #626B75;
  --u-neutral-border: #D5DCE3;

  /* Star rating (для отзывов / соц-доказательства на лэндинге) */
  --u-star-5: #BE9641;
  --u-star-4: #EBC77A;
  --u-star-3: #DBBC7A;
  --u-star-2: #E19F88;
  --u-star-1: #BE7E62;

  /* ───────── Типографика ───────── */
  --u-font: "Google Sans", "Segoe UI", system-ui, -apple-system, sans-serif;

  /* Шкала для лэндинга (отличается от компактной шкалы продукта 10–22px) */
  --u-fs-12: 12px;
  --u-fs-14: 14px;
  --u-fs-15: 15px;   /* base body, как в продукте */
  --u-fs-16: 16px;
  --u-fs-18: 18px;
  --u-fs-22: 22px;   /* подзаголовок секции */
  --u-fs-30: 30px;   /* заголовок раздела — стандарт продукта (h1–h6) */
  --u-fs-44: 44px;   /* H2 секции лэндинга */
  --u-fs-64: 64px;   /* hero H1 лэндинга (вне продуктовой шкалы — для маркетинга) */
  --u-fs-80: 80px;   /* мега-хедлайн (опционально) */

  --u-fw-regular: 400;
  --u-fw-medium: 500;
  --u-fw-semibold: 600;
  --u-fw-bold: 700;

  --u-lh-tight: 1.1;
  --u-lh-snug: 1.25;
  --u-lh-base: 1.45;
  --u-lh-relaxed: 1.6;

  /* ───────── Радиусы ───────── */
  --u-radius-xs: 4px;
  --u-radius-sm: 6px;
  --u-radius-md: 8px;
  --u-radius-lg: 12px;
  --u-radius-xl: 16px;    /* основной у карточек/инпутов в продукте */
  --u-radius-2xl: 24px;   /* для крупных hero-блоков лэндинга */
  --u-radius-pill: 32px;

  /* ───────── Тени ───────── */
  /* Из продукта — низкая, мягкая */
  --u-shadow-card: 0 4px 32px rgba(0, 0, 0, 0.05);
  /* Для лэндинга — чуть выраженнее на тёмных action-блоках */
  --u-shadow-action: 0 8px 24px rgba(0, 0, 0, 0.25);
  --u-shadow-elevated: 0 12px 40px rgba(30, 61, 89, 0.10);

  /* ───────── Сетка / отступы ───────── */
  --u-space-1: 4px;
  --u-space-2: 8px;
  --u-space-3: 12px;
  --u-space-4: 16px;
  --u-space-5: 20px;
  --u-space-6: 24px;
  --u-space-8: 32px;
  --u-space-10: 40px;
  --u-space-12: 48px;
  --u-space-16: 64px;
  --u-space-20: 80px;
  --u-space-24: 96px;

  --u-container-max: 1200px;
  --u-container-pad-x: 24px;

  /* ───────── Бордеры (толщина) ───────── */
  --u-border-w-hair: 0.5px;
  --u-border-w-base: 1px;

  /* ───────── Анимации ───────── */
  --u-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --u-dur-fast: 120ms;
  --u-dur-base: 240ms;
  --u-dur-slow: 480ms;
}

/* ───────── Базовые ресеты — опционально для лэндинга ───────── */
body {
  font-family: var(--u-font);
  font-size: var(--u-fs-15);
  font-weight: var(--u-fw-regular);
  color: var(--u-text-body);
  background: var(--u-bg);
  line-height: var(--u-lh-base);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Базовые подключения локального Google Sans (для лэндинга, чтобы не зависеть от продуктового CSS) */
@font-face {
  font-family: "Google Sans";
  src: url("./fonts/google_sans_static/GoogleSans-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Google Sans";
  src: url("./fonts/google_sans_static/GoogleSans-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Google Sans";
  src: url("./fonts/google_sans_static/GoogleSans-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Google Sans";
  src: url("./fonts/google_sans_static/GoogleSans-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}