/* ==========================================================================
   Design Tokens — из Figma (Пульсар)
   ========================================================================== */

:root {
  /* ---- Colors ---- */
  --color-primary: #0060b7;          /* основной */
  --color-primary-dark: #00284c;     /* основной темный */
  --color-accent: #f56b18;           /* акцентный */
  --color-bg: #fbfdfe;               /* фоновый */
  --color-border: #e0e7eb;           /* дополнительный светлый */
  --color-dark: #00101f;             /* дополнительный темный */
  --color-white: #fbfdfe;
  --color-black: #00101f;

  /* ---- Typography ---- */
  --font-primary: 'Montserrat', sans-serif;

  /* H-2-АА — секционные заголовки */
  --fs-h2: 48px;
  --lh-h2: 1.1;
  --ls-h2: -0.04em;
  --fw-h2: 700;

  /* H-3-АА — подзаголовки карточек */
  --fs-h3: 32px;
  --lh-h3: 1.1;
  --ls-h3: -0.06em;
  --fw-h3: 700;

  /* H-4-АА / H-4-Аа — мелкие заголовки */
  --fs-h4: 22px;
  --lh-h4: 1.1;
  --ls-h4: -0.09em;
  --fw-h4: 700;

  /* T-1 — основной текст */
  --fs-body: 16px;
  --lh-body: 1.18;
  --fw-body: 500;

  /* T-1-b — жирный текст */
  --fw-body-bold: 700;

  /* T-2 — мелкий текст */
  --fs-sm: 14px;
  --lh-sm: 1.18;
  --fw-sm: 500;

  /* ---- Spacing ---- */
  --gap-2xs: 4px;
  --gap-xs: 8px;
  --gap-sm: 12px;
  --gap-md: 20px;
  --gap-lg: 32px;
  --gap-xl: 40px;
  --gap-2xl: 52px;
  --gap-3xl: 80px;
  --gap-4xl: 120px;

  /* ---- Layout ---- */
  --container-width: 1520px;
  --container-padding: 40px;
  --container-padding-mobile: 24px;

  /* ---- Borders ---- */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 9999px;

  /* ---- Shadows ---- */
  --shadow-sm: 0 1px 2px rgba(0, 16, 31, 0.05);
  --shadow-md: 0 4px 12px rgba(0, 16, 31, 0.1);
  --shadow-lg: 0 8px 24px rgba(0, 16, 31, 0.12);

  /* ---- Transitions ---- */
  --ease-default: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-in: cubic-bezier(0.4, 0, 1, 1);
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
  --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
  --duration-fast: 150ms;
  --duration-normal: 300ms;
  --duration-slow: 500ms;
}