:root {
  /* Клиническая палитра – белый + soft blue */
  --bg: #F7FAFC;
  --bg-warm: #E8F1F7;
  --bg-card: #FFFFFF;
  --ink: #14202B;
  --ink-muted: #6B7785;

  --accent: #2B7BBA;       /* Главный – медицинский синий */
  --accent-hover: #1F6AAA;
  --accent-2: #5AA0BF;     /* Soft sky-blue для деталей */
  --accent-3: #C8DCE9;     /* Бледно-голубой для подсветки */

  --line: #DDE7EE;
  --success: #4A8FA5;
  --error: #C0504D;

  /* Производные RGB */
  --bg-rgb: 247, 250, 252;
  --bg-warm-rgb: 232, 241, 247;
  --ink-rgb: 20, 32, 43;
  --accent-rgb: 43, 123, 186;

  /* Шрифты – геометрический display + чистый sans для текста */
  --font-serif: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Шкала размеров */
  --fs-display: clamp(38px, 5.6vw, 80px);
  --fs-h1: clamp(34px, 5vw, 64px);
  --fs-h2: clamp(28px, 4vw, 52px);
  --fs-h3: clamp(22px, 2.5vw, 32px);
  --fs-body-l: clamp(16px, 1.25vw, 18px);
  --fs-body: 16px;
  --fs-caption: 14px;

  /* Спейсинг */
  --space-section: clamp(48px, 7vw, 96px);
  --space-block: clamp(32px, 4.5vw, 52px);
  --space-pad-x: clamp(20px, 5vw, 80px);

  /* Контейнер */
  --container: 1400px;

  /* Радиусы */
  --r-sm: 8px;
  --r-md: 16px;
  --r-lg: 24px;
  --r-xl: 32px;
  --r-pill: 999px;

  /* Тени */
  --shadow-sm: 0 2px 8px rgba(var(--ink-rgb), 0.04);
  --shadow-md: 0 6px 20px rgba(var(--ink-rgb), 0.06);
  --shadow-lg: 0 16px 40px rgba(var(--ink-rgb), 0.08);
  --shadow-hover: 0 20px 50px rgba(var(--ink-rgb), 0.10);

  /* Анимации */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur-fast: 200ms;
  --dur-base: 400ms;
  --dur-slow: 700ms;

  /* Шапка */
  --header-h: 76px;
}

@media (max-width: 768px) {
  :root {
    --header-h: 64px;
  }
}