/* ============================================================
   Дизайн-токены проекта «Сопровождение электронных торгов»
   Источник: Figma ETzMfk8Lmr8pFdRGhGDwfS
   ============================================================ */

:root {
  /* --- Цвета --- */
  --c-black: #090808;
  --c-white: #fdffff;
  --c-page: #f2f2f2;
  --c-surface: #ffffff;

  --c-green-dark: #005e46;
  --c-green: #03ac8c;
  --c-green-deep: #173f36;

  --c-text: var(--c-black);
  --c-text-muted: #5b5b5b;
  --c-text-invert: var(--c-white);
  --c-border: rgba(9, 8, 8, 0.12);

  /* --- Градиенты --- */
  --grad-brand: linear-gradient(
    105.88deg,
    var(--c-green-dark) 0%,
    var(--c-green) 52.51%,
    var(--c-green-deep) 101.24%
  );
  --grad-brand-text: linear-gradient(
    99.39deg,
    var(--c-green-dark) 0%,
    var(--c-green) 52.51%,
    var(--c-green-deep) 101.24%
  );

  /* --- Типографика --- */
  --font-base: "Manrope", "Helvetica Neue", Arial, sans-serif;

  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  /* Плавно масштабируемые размеры: mobile → desktop */
  --fs-h1: clamp(2rem, 1.15rem + 4.25vw, 4.375rem);      /* 32 → 70 */
  --fs-h2: clamp(1.75rem, 1.25rem + 2.5vw, 3rem);        /* 28 → 48 */
  --fs-h3: clamp(1.375rem, 1.15rem + 1.13vw, 2rem);      /* 22 → 32 */
  --fs-h4: clamp(1.125rem, 1.02rem + 0.5vw, 1.375rem);   /* 18 → 22 */
  --fs-lead: clamp(1rem, 0.91rem + 0.45vw, 1.25rem);     /* 16 → 20 */
  --fs-body: 1rem;                                        /* 16 */
  --fs-small: 0.875rem;                                   /* 14 */

  --lh-tight: 1.096;
  --lh-base: 1.4;
  --lh-loose: 1.6;

  --tracking-h1: -0.01em;
  --tracking-logo: 0.3em;

  /* --- Размеры и отступы --- */
  --container-max: 1400px;
  --gutter: clamp(0.625rem, 0.35rem + 1.4vw, 1.25rem);   /* 10 → 20 */
  --section-gap: clamp(2rem, 1.2rem + 2.8vw, 3rem);      /* 32 → 48 (плотнее, ближе к макету) */

  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-pill: 999px;

  --header-h: 79px;

  /* --- Тени --- */
  --shadow-card: 0 4px 24px rgba(9, 8, 8, 0.06);
  --shadow-card-hover: 0 12px 36px rgba(9, 8, 8, 0.12);

  /* --- Прочее --- */
  --transition: 0.25s ease;
  --focus-ring: 2px solid var(--c-green);
}