:root {
  --tg-bg: #120406 !important;
  --tg-text: #fff5f5 !important;
  --tg-hint: #d7a6aa !important;
  --tg-card: #2a0b0f !important;
  --tg-button: #e21d2f !important;
  --tg-button-text: #ffffff !important;
  --bg: #120406 !important;
  --panel: #26080d !important;
  --panel-soft: rgba(50, 10, 16, .88) !important;
  --text: #fff5f5 !important;
  --muted: #d7a6aa !important;
  --cyan: #ff4050 !important;
  --cyan-strong: #e0001b !important;
  --danger: #ff7a86 !important;
  --accent: #ef233c !important;
  --card: #2a0b0f !important;
  --hint: #d7a6aa !important;
  --border: rgba(255, 120, 130, .22) !important;
  --yt-bg: #160507 !important;
  --yt-surface: rgba(48, 10, 15, .95) !important;
  --yt-surface-strong: #300a0f !important;
  --yt-text: #fff4f5 !important;
  --yt-muted: #d4a1a6 !important;
  --yt-line: rgba(255, 130, 140, .18) !important;
  --yt-navy: #6d0712 !important;
  --yt-blue: #e31b36 !important;
  --yt-blue-soft: #431018 !important;
  --yt-violet: #b80f2b !important;
  --yt-violet-soft: #3a0d15 !important;
  --yt-coral: #ff4b5f !important;
  --yt-coral-soft: #451018 !important;
  --yt-green: #d52a3c !important;
  --yt-green-soft: #3b1015 !important;
  --yt-danger: #ff6875 !important;
}

html,
body {
  background-color: #120406 !important;
}

body {
  background-image:
    radial-gradient(circle at 78% 4%, rgba(220, 15, 42, .34), transparent 32rem),
    radial-gradient(circle at 10% 24%, rgba(120, 0, 18, .22), transparent 28rem),
    linear-gradient(180deg, #190507 0%, #090203 100%) !important;
}

.topbar,
.search-panel {
  background: linear-gradient(180deg, rgba(35, 4, 9, .98), rgba(24, 3, 7, .88)) !important;
}

.brand-mark,
.primary-button,
.search-box button,
.progress span,
.torrent-progress span {
  color: #fff !important;
  background: linear-gradient(135deg, #ff4050, #c90020) !important;
  box-shadow: 0 0 26px rgba(226, 29, 47, .34);
}

.nav-link.active::after,
.profile-dot.connected {
  background: #ff4050 !important;
  box-shadow: 0 0 14px rgba(255, 64, 80, .72) !important;
}

.search-box,
.details-card,
.settings-card,
.movie-card,
.torrent-panel,
.pair-block {
  border-color: rgba(255, 85, 100, .2) !important;
  background-color: rgba(42, 7, 13, .94) !important;
}

.hero-shade {
  background: linear-gradient(90deg, #170407 0%, rgba(23, 4, 7, .84) 34%, rgba(23, 4, 7, .15) 76%),
              linear-gradient(0deg, #120406 0%, transparent 44%) !important;
}

.eyebrow,
.rating,
.pair-code-wrap code,
a {
  color: #ff5a68;
}

button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
summary:focus-visible {
  outline-color: #ff5a68 !important;
  box-shadow: 0 0 0 3px rgba(255, 64, 80, .55) !important;
}

html[data-theme="dark"],
html[data-theme="light"] {
  --accent: #ef233c !important;
  --accent-text: #ffffff !important;
}