:root {
    --bg: #1a1a1c;
    --card: transparent;
    --text: #ffffff;
    --accent: #f2b749;
    --accent-hover: #dfa33b;
    --overlay: rgba(0, 0, 0, 0.95);
    /* Упрощённые оттенки серого */
    --gray-100: #f5f5f5;
    --gray-300: #d0d0d0;
    --gray-500: #888;
    --gray-700: #555;
    --gray-900: rgba(255, 255, 255, 0.1);
    --gray-950: rgba(255, 255, 255, 0.05);
    --black: #000;
    --white: #fff;
    /* Семантические цвета */
    --danger: #d32f2f;
    --danger-light: #f44336;
    --success: #4caf50;
    --warning: #ff9800;
    --warning-dark: #e65a00;
    --info: var(--accent);
    --purple: #4abde0;
    --yellow: #f2b749;
    /* Дополнительные */
    --border: var(--gray-700);
    --surface: var(--gray-900);
    --surface-light: var(--gray-300);
    /* Полупрозрачные цвета */
    --black-alpha-05: rgba(0, 0, 0, 0.05);
    --black-alpha-20: rgba(0, 0, 0, 0.2);
    --black-alpha-50: rgba(0, 0, 0, 0.5);
    --black-alpha-80: rgba(0, 0, 0, 0.8);
    --white-alpha-05: rgba(255, 255, 255, 0.05);
    --white-alpha-95: rgba(255, 255, 255, 0.95);
    --accent-alpha-10: rgba(242, 183, 73, 0.1);
    --danger-light-alpha-10: rgba(244, 67, 54, 0.1);
}

@media (prefers-color-scheme: light) {
  :root {
    /* Keep dark theme always for the movie design */
  }
}