/* Atlas Pro ONTV brand palette: violet from the logo, lime as the action accent. */
:root {
  --red: #7114d9;
  --red-dark: #53109f;
  --orange: #c8ed22;
  --paper: #f8f5ff;
  --line: #e5daf6;
  --ink: #1c0b32;
}

body { background: var(--paper); color: var(--ink); }
.header, .notice, .footer, .video-tutorial, .help-panel-section { background-color: #21073d; }
.header { border-bottom-color: #3c1664; }
.notice { background: #140224; }
.hero { background: radial-gradient(circle at 82% 22%, #8e38ec 0, #5811aa 32%, #240442 72%); }
.hero-glow { background: radial-gradient(circle, #c8ed2240 0, #7114d900 68%); }
.brand-strip { background: #3b0b70; border-color: #8e4bd7; }
.button.primary, .popular, .app-recommended, .phone-button, .quality-chip { background: #7114d9; }
.button.primary:hover { background: #53109f; }
.button.dark { background: #21073d; }
.button.dark:hover { background: #3b0b70; }
.button.white { color: #2a074e; background: #c8ed22; }
.button.white:hover { background: #e0fb63; }
.kicker, .footer-callout span, .editorial-copy .kicker, .faq-intro .kicker { color: #7114d9; }
.bento-large .kicker, .app-preview .kicker, .dark-split .kicker, .video-tutorial .kicker, .help-panel .kicker { color: #c8ed22; }
.featured .offer-head span, .bento-large a, .quick-contact a, .resource-grid a { color: #7114d9; }
.offer-card.featured { background: #2c0750; border-color: #8e4bd7; }
.offer-card.featured .offer-accent, .red-card, .cta-section, .inner-cta { background: #7114d9; }
.red-card { background: linear-gradient(135deg, #7114d9, #3b0b70); }
.resource-cover.r3 { background: #7114d9; }
.app-card.featured { border-color: #7114d9; box-shadow: 0 20px 45px #7114d930; }
.app-safety { background: #f2fbe0; border-bottom-color: #d5e899; }
.app-safety .container > .icon, .quality-icon { background: #7114d9; }
.legal-warning { border-left-color: #c8ed22; background: #f5fce2; }
.legal-warning .icon, .downloader-code b { color: #7114d9; }
.timeline b, .help-visual > span { color: #7114d9; }
.footer-callout { border-bottom-color: #4b2175; }
.editorial-visual { background: radial-gradient(circle at 40% 45%, #a84eff 0, #54109e 38%, #21073d 74%); }
.quality-chip { background: #c8ed22; color: #2a074e; }