/* ==================== GLOBAL CSS VARIABLES ==================== */
:root {
  /* Цветовая гамма */
  --bg-primary: #ffffff;
  --text-primary: #111111;
  --text-secondary: #6b7280;
  --border-color: #e5e7eb;
  --border-hover: #111111;
  --card-bg: #ffffff;
  --accent-black: #000000;
  --accent-white: #ffffff;

  /* Типографика Manrope */
  --font-main: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-regular: 400;
  --font-medium: 500;
  --font-bold: 700;
  --font-extrabold: 800;

  /* Размеры заголовков для Desktop */
  --h1-size: 80px;
  --h2-size: 48px;
  --card-title-size: 22px;
  --body-size: 18px;

  /* Размеры для Mobile */
  --h1-mobile: 38px;
  --h2-mobile: 28px;

  /* Радиусы закругления */
  --radius-pill: 9999px;
  --radius-card: 16px;
  --radius-button: 12px;

  /* Контейнер и отступы */
  --container-max-width: 1400px;
  --section-padding-desktop: 100px 0;
  --section-padding-mobile: 60px 0;

  /* Анимации и переходы */
  --transition-fast: 0.2s ease;
  --transition-normal: 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Базовый сброс margin, padding и box-sizing */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}