:root {
  /* ===========================
     COLORS — BASE THEME
     =========================== */

  /* Тёмный фон — выбранный вариант (1B) */
  --color-bg: #1a1c20;

  /* Чуть светлее фон для секций */
  --color-bg-elevated: #22252b;

  /* Белый текст */
  --color-text: #ffffff;

  /* Вторичный текст (серый) */
  --color-text-muted: #c0c5ce;

  /* Акцентный цвет (2B — бирюза, медицинский вайб) */
  --color-primary: #24d9c8;
  --color-primary-hover: #22c4b4;

  /* Вторичный цвет (3B — мятный/зелёный) */
  --color-secondary: #3ee6a8;
  --color-secondary-hover: #36d497;

  /* Линии, разделители */
  --color-border: #2c2f36;

  /* Тени */
  --shadow-soft: 0px 8px 24px rgba(0, 0, 0, 0.25);
  --shadow-medium: 0px 12px 32px rgba(0, 0, 0, 0.35);

  /* ===========================
     TYPOGRAPHY
     =========================== */

  --font-main: "IBM Plex Sans", system-ui, sans-serif;

  /* Размеры */
  --fs-h1: 46px;
  --fs-h2: 36px;
  --fs-h3: 26px;
  --fs-body: 18px;
  --fs-small: 15px;

  /* Межстрочность */
  --lh-tight: 1.1;
  --lh-normal: 1.45;
  --lh-loose: 1.7;

  /* ===========================
     SPACING — LIKE Radai (option A)
     Большие отступы
     =========================== */

  --space-xxl: 140px;
  --space-xl: 100px;
  --space-lg: 70px;
  --space-md: 40px;
  --space-sm: 20px;

  /* ===========================
     BORDER RADIUS — large (option C)
     =========================== */

  --radius-lg: 18px;
  --radius-md: 12px;
  --radius-sm: 8px;

  /* ===========================
     LAYOUT WIDTHS
     =========================== */
  --container-width: 1200px;
}