.youtube-page {
  --primary: #e62117;
  --primary-dark: #c81d11;
  --accent-text: #a82018;
  --secondary: #282828;
  --ink: #0f0f0f;
  --muted: #606060;
  --border: #e5e5e5;
  --background: #f9f9f9;
  --surface-accent: #fff5f5;
  --accent-soft: #ffc7c4;
  --success: #2f8f5b;
  --shadow: 0 18px 50px rgba(15, 15, 15, 0.1);
  --shadow-accent: 0 12px 28px rgba(200, 29, 17, 0.16);
}

.youtube-page :focus-visible {
  outline-color: rgba(200, 29, 17, 0.58);
}

.youtube-page .announcement {
  color: #fff;
  background: #212121;
}

.youtube-page .logo-symbol {
  box-shadow: 0 8px 20px rgba(200, 29, 17, 0.2);
}

.youtube-page .service-hero::before,
.youtube-page .service-visual::before {
  background: var(--surface-accent);
}

.youtube-page .eyebrow,
.youtube-page .human-note {
  border-color: rgba(200, 29, 17, 0.18);
}

.youtube-page .eyebrow > span,
.youtube-page .live-label::before {
  background: var(--primary);
  box-shadow: 0 0 0 5px rgba(200, 29, 17, 0.1);
}

.youtube-page .live-chip > span {
  box-shadow: 0 0 0 5px rgba(47, 143, 91, 0.17);
}

.youtube-page .reach-bars i:nth-child(-n + 3) {
  background: #d9d9d9;
}

.youtube-page .related-services a {
  border-color: rgba(200, 29, 17, 0.14);
}

.youtube-page .performer-number strong {
  color: var(--accent-soft);
}

.youtube-page .faq-list details[open] {
  border-color: rgba(200, 29, 17, 0.24);
  background: #fffafa;
}

.youtube-page .final-cta-box {
  background: #212121;
}

.youtube-page .final-cta h2 em {
  color: var(--accent-soft);
}

.youtube-page .final-cta p {
  color: #d5d5d5;
}

.youtube-page .final-cta .button-dark {
  color: var(--ink);
  background: #fff;
}

.youtube-page .final-cta .button-dark:hover {
  background: #f2f2f2;
}