/**
 * public/tv/css/themes.css
 * Описание 3 тем оформления портала.
 * Все компоненты используют исключительно эти CSS-переменные.
 */

/* 1. СВЕТЛАЯ 2D КОНТУРНАЯ ТЕМА (По умолчанию) */
body.theme-light-contour {
  --surface-page: #f4f5f7;
  --surface-osd: rgba(255, 255, 255, 0.88);
  --surface-osd-solid: #ffffff;
  --surface-item: rgba(246, 248, 251, 0.92);
  --surface-item-hover: #fff4eb;
  --surface-item-active: #ffefe2;
  --surface-input: #ffffff;

  --text-primary: #17191e;
  --text-secondary: #5a6270;
  --text-muted: #87909f;
  --text-on-accent: #ffffff;

  --border-contour: #dce0e8;
  --border-focus: #ff6b00;

  --accent-main: #ff6b00;
  --accent-hover: #e55e00;
  --accent-soft: rgba(255, 107, 0, 0.14);

  --live-color: #10b981;
  --archive-color: #ff6b00;
  --danger-color: #ef4444;

  --slider-track: #dde1e9;
  --slider-buffered: #b9c0ce;
}

/* 2. ГРАФИТОВАЯ ТЁМНАЯ ТЕМА С ОРАНЖЕВЫМ АКЦЕНТОМ */
body.theme-dark-orange {
  --surface-page: #0f1115;
  --surface-osd: rgba(20, 23, 29, 0.86);
  --surface-osd-solid: #181b22;
  --surface-item: rgba(30, 34, 43, 0.85);
  --surface-item-hover: rgba(255, 107, 0, 0.14);
  --surface-item-active: rgba(255, 107, 0, 0.22);
  --surface-input: #12151b;

  --text-primary: #f3f5f8;
  --text-secondary: #a2aab8;
  --text-muted: #6e7787;
  --text-on-accent: #ffffff;

  --border-contour: rgba(255, 255, 255, 0.12);
  --border-focus: #ff6b00;

  --accent-main: #ff6b00;
  --accent-hover: #ff8126;
  --accent-soft: rgba(255, 107, 0, 0.18);

  --live-color: #10b981;
  --archive-color: #ff6b00;
  --danger-color: #f87171;

  --slider-track: rgba(255, 255, 255, 0.16);
  --slider-buffered: rgba(255, 255, 255, 0.32);
}

/* 3. КИНОТЕАТР OLED (Глубокий сине-изумрудный) */
body.theme-cyber-cinema {
  --surface-page: #070b12;
  --surface-osd: rgba(10, 17, 28, 0.86);
  --surface-osd-solid: #0d1624;
  --surface-item: rgba(17, 27, 43, 0.85);
  --surface-item-hover: rgba(6, 182, 212, 0.15);
  --surface-item-active: rgba(6, 182, 212, 0.25);
  --surface-input: #09101b;

  --text-primary: #ecfeff;
  --text-secondary: #94a3b8;
  --text-muted: #64748b;
  --text-on-accent: #041318;

  --border-contour: rgba(148, 163, 184, 0.16);
  --border-focus: #06b6d4;

  --accent-main: #06b6d4;
  --accent-hover: #22d3ee;
  --accent-soft: rgba(6, 182, 212, 0.18);

  --live-color: #10b981;
  --archive-color: #f59e0b;
  --danger-color: #fb7185;

  --slider-track: rgba(148, 163, 184, 0.2);
  --slider-buffered: rgba(148, 163, 184, 0.38);
}