:root {
  /* Brand accents */
  --blue: #66A7E8;         /* мягкий синий (акценты/иконки/заголовки) */
  --yellow: #F5C542;       /* мягкий жёлтый (CTA) */

  /* Dark theme surfaces */
  --bg: #0B1220;           /* основной фон страницы */
  --bg-2: #0E172A;         /* вторичный фон секций */
  --surface: #0F1B33;      /* карточки/аккордеон */
  --surface-2: #121F3D;    /* hover/второй слой */

  /* Text */
  --text: #E5E7EB;         /* основной текст */
  --text-2: rgba(229, 231, 235, 0.78); /* вторичный текст */
  --muted: rgba(229, 231, 235, 0.6);   /* подписи */

  /* Neutrals (оставляем для совместимости) */
  --gray: #9CA3AF;
  --gray-light: rgba(255, 255, 255, 0.06);
  --dark: #1F2937;
  --black: #0B1220;
  --white: #FFFFFF;
  --font: 'Inter', system-ui, sans-serif;
  --font-size-base: 1rem;
  --line-height: 1.6;
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4rem;
  --radius: 0.5rem;
  --radius-lg: 0.75rem;
  --shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
  --shadow-lg: 0 18px 48px rgba(0, 0, 0, 0.45);
  --glow-blue: 0 0 0 1px rgba(102, 167, 232, 0.12), 0 0 28px rgba(102, 167, 232, 0.18);
  --glow-yellow: 0 0 0 1px rgba(245, 197, 66, 0.14), 0 0 32px rgba(245, 197, 66, 0.18);
  --transition: 0.3s ease;
}