/**
 * Design tokens from Figma «UI Kit — maket01»
 * https://www.figma.com/design/qWpewKfItmAhGxe0hINDTq/tuzhilkin.ru?node-id=48-2
 *
 * Имена --color-bg, --fs-hero и остальные алиасы сохранены,
 * чтобы текущие секции подхватили палитру без переписывания разметки.
 */

:root {
  /* ——— Colors (Section / Colors) ——— */
  --color-page-bg: #161616;
  --color-card: #1c1c1c;
  --color-card-elevated: #202020;
  --color-heading: #ffffff;
  --color-text: #faf7f6;
  --color-text-muted: #acacac;
  --color-caption: #838383;
  --color-border: #282828;
  --color-border-muted: #535151;
  --color-accent: #ddf160;
  --color-accent-secondary: #9379f2;
  --color-success: #61a46c;
  --color-black: #000000;
  --color-on-accent: #161616;

  /* Алиасы под уже существующие правила проекта */
  --color-bg: var(--color-page-bg);
  --color-bg-elevated: var(--color-card);
  --color-bg-soft: var(--color-card-elevated);
  --color-border-strong: var(--color-border-muted);
  --color-accent-hover: #e8f87a;
  --color-accent-muted: rgba(221, 241, 96, 0.16);
  --color-error: var(--color-accent-secondary);
  --color-focus: var(--color-accent);

  /* ——— Typography (Golos Text) ——— */
  --font-display: "Golos Text", system-ui, sans-serif;
  --font-body: "Golos Text", system-ui, sans-serif;

  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;

  /* Шкала из секции Typography; clamp — чтобы десктопные 70–120px не ломали мобилу */
  --fs-hero: clamp(2.5rem, 6.8vw, 7.5rem); /* Hero / H1 120 / 132 */
  --fs-section-big: clamp(2.25rem, 5.6vw, 6.25rem); /* Section big 100 / 115 */
  --fs-h2: clamp(2rem, 4vw, 4.375rem); /* Section title 70 / 77 */
  --fs-h3: clamp(1.5rem, 2.4vw, 2.75rem); /* Card title specimen 44 / 53 */
  --fs-card-title: clamp(1.25rem, 1.8vw, 1.75rem); /* карточки 28 / 36 */
  --fs-body-lg: 1.375rem; /* Body large 22 / 35 */
  --fs-body: 1.125rem; /* 18px — кнопки, поля, текст карточек */
  --fs-button: 1.125rem; /* кнопки 18 / 28 Medium */
  --fs-caption: 0.9375rem; /* Caption uppercase 15 / 20 */
  --fs-label: 0.875rem; /* подписи полей 14 / 20 */
  --fs-metric: clamp(2rem, 3.5vw, 3.25rem); /* Metric 52 / 56 SemiBold */

  --lh-hero: 1.1;
  --lh-tight: 1.1;
  --lh-section-big: 1.15;
  --lh-body: 1.59;
  --lh-button: 1.56;
  --lh-caption: 1.33;

  /* ——— Layout tokens ——— */
  --container-max: 110.625rem; /* 1770px в maket01 */
  --container-padding: clamp(1.25rem, 4vw, 5.625rem);
  --section-y: clamp(2.25rem, 4vw, 4.25rem); /* 36–68px */
  --header-h: 4.25rem;
  --gap: 1.25rem;
  --gap-lg: 1.75rem; /* 28px — внутренние отступы карточек */

  /* ——— Radii ——— */
  --radius-xs: 6px; /* чекбокс */
  --radius-sm: 8px;
  --radius-input: 14px;
  --radius-md: 14px;
  --radius-icon: 18px;
  --radius-lg: 22px; /* карточки и форма — 22px */
  --radius-card: 22px;
  --radius-xl: 24px;
  --radius-button: 28px;
  --radius-pill: 999px;

  /* ——— Components ——— */
  --btn-height: 3.5rem; /* 56px */
  --btn-padding-x: 1.5rem; /* 24px */
  --btn-padding-y: 0.875rem; /* 14px */
  --badge-height: 2.75rem; /* 44px */
  --badge-padding-x: 0.875rem; /* 14px */
  --card-padding: 1.75rem; /* 28px */
  --input-padding: 1.125rem; /* 18px */
  --icon-size: 4.5rem; /* 72px */

  /* ——— Motion (в UI Kit нет, оставляем проектные) ——— */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --duration: 0.25s;
  --duration-reveal: 0.7s;

  /* ——— Shadows (в UI Kit теней нет) ——— */
  --shadow-soft: none;
}