:root {
  /* Базовые цвета */
  --bg: #05070B;
  --surface: #0B1020;
  --surface2: #0F1829;
  --border: #1A2340;
  
  /* RGB компоненты для прозрачности */
  --accent-rgb: 46, 124, 246;
  --text-rgb: 242, 246, 255;
  --bg-rgb: 5, 7, 11;
  --error-rgb: 248, 81, 73;
  --warning-rgb: 227, 179, 65;
  --new-rgb: 111, 214, 255;

  /* Составные цвета */
  --accent: rgb(var(--accent-rgb));
  --accent-hover: #4FA3FF;
  --text: rgb(var(--text-rgb));
  --text-secondary: rgba(var(--text-rgb), 0.65);
  --muted: #8E98B5;
  
  /* Статусы */
  --success: #3fb950;
  --warning: rgb(var(--warning-rgb));
  --error: rgb(var(--error-rgb));
  --new: rgb(var(--new-rgb));

  /* Специфичные переменные для компонентов */
  --btn-primary-text: #05070B;
  --input-border: rgba(var(--text-rgb), 0.08);
  --overlay-bg: rgba(0, 0, 0, 0.85);
  --modal-bg: var(--surface);
  --shadow-color: rgba(0, 0, 0, 0.8);
}