/* Глобальные переменные */
:root {
  /* Цветовая палитра */
  --color-bg-main: #0E1215;           /* Основной темный фон */
  --color-bg-card: #26282C;           /* Фон карточек/блоков */
  --color-bg-popup: #434343;          /* Фон всплывающих окон (cookies) */
  --color-bg-header: rgba(14, 18, 21, 0.4); /* Полупрозрачный фон шапки */
  --color-bg-overlay: rgba(0, 0, 0, 0.4);   /* Темное перекрытие */
  
  --color-accent: #01E0FE;            /* Ярко-голубой (кнопки, ссылки) */
  
  --color-text-primary: #FFFFFF;      /* Основной белый текст */
  --color-text-secondary: #EDEDED;    /* Второстепенный светло-серый текст */
  --color-text-dark: #070707;         /* Темный текст */

  --color-border-light: #EDEDED;      /* Светлая обводка */
  --color-border-dark: #5D5D5D;       /* Темная обводка */

  /* Типографика */
  --font-primary: 'Inter', sans-serif;
  --font-accent: 'Inter Tight', sans-serif; 
  
  --font-size-h1: clamp(2rem, 3.5vw + 1rem, 4rem); 
  --font-size-h2: clamp(2rem, 2.5vw + 1rem, 2.875rem); 
  --font-size-h3: clamp(2rem, 2vw + 1rem, 2.875rem); 
  --font-size-lead: clamp(1.125rem, 1.5vw + 0.5rem, 1.375rem); 
  --font-size-p: clamp(1rem, 1vw + 0.75rem, 1.0625rem); 
  --font-size-btn: 1rem;
  --font-size-small: 0.75rem; 

  /* Интерфейс */
  --radius-btn: 50px;                 
  --radius-card: 16px;                
  --radius-small: 6px;                
  
  --shadow-popup: 0px 3px 12px -2px rgba(170, 170, 190, 0.06), 0px 4px 32px -4px rgba(111, 108, 143, 0.12);
  --blur-header: blur(32px);          
  --blur-overlay: blur(24px);         

  /* Отступы */
  --container-padding-mobile: 2rem;   
  --container-padding-desktop: 3rem;  
  --section-gap: clamp(4rem, 3vw + 3.25rem, 6rem); /* 64px → 96px */
}