:root {
  /* === Цвета === */
  --color-primary: #2395F0;
  --color-primary-hover: #1A7BC8;
  --color-accent: #FF8A00;
  --color-accent-hover: #E07900;
  
  --color-text-main: #272A2E;
  --color-text-muted: #6B7280;
  --color-dark-bg: #1B1E22;
  --color-bg-base: #FFFFFF;
  --color-bg-alt: #F4F7F9;
  --color-border: #E5E7EB;

  /* === Типографика === */
  --font-primary: 'Montserrat', sans-serif;
  --font-secondary: 'Inter', sans-serif;
  
  --fs-h1: clamp(2rem, 5vw + 1rem, 3.5rem);
  --fs-h2: clamp(1.75rem, 3vw + 1rem, 2.5rem);
  --fs-h3: 1.5rem;
  --fs-h4: 1.25rem;
  --fs-body-large: 1.125rem;
  --fs-body: 1rem;
  --fs-small: 0.875rem;

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

  /* === Отступы (Spacing) === */
  --space-xs: 0.5rem;
  --space-s: 1rem;
  --space-m: 1.5rem;
  --space-l: 2rem;
  --space-xl: 3rem;
  --space-2xl: 5rem;

  /* === Формы и Тени === */
  --radius-sm: 0.5rem;
  --radius-md: 0.75rem;
  --radius-lg: 1.5rem;
  --shadow-sm: 0 2px 4px rgba(39, 42, 46, 0.05);
  --shadow-md: 0 4px 12px rgba(39, 42, 46, 0.08);
  --shadow-lg: 0 12px 24px rgba(39, 42, 46, 0.12);
}