/* Dark landing page palette, matched to the released app's AppColors in
   meta-tracking/frontend/lib/shared/constants/app_color.dart.
   Photography, app captures and official store badges retain their own colors. */
body[data-theme=a]{
  --bg:#0A0E1B;
  --surface:#121729;
  --ink:#FFFFFF;
  --muted:#ACBACA;
  --gold:#C9A45A;
  --line:#596477;
  --accent:#4A3381;
  --accent-end:#4B5499;
  --light:#F5F5F5;
  --card-a:#1E2943;
  --card-b:#19223A;
  --card-c:#131A2C;
  --inset:#303C55;
  --card-gradient:linear-gradient(90deg,var(--card-c) 0%,var(--card-b) 55%,var(--card-a) 100%);
  --card-gradient-reverse:linear-gradient(90deg,var(--card-a) 0%,var(--card-b) 45%,var(--card-c) 100%);
}
body[data-theme=a] .hero{background:var(--bg)}
body[data-theme=a] .hero-photo{background:radial-gradient(ellipse at 76% 38%,var(--card-a) 0%,var(--card-c) 30%,var(--bg) 66%)}
body[data-theme=a] .hero:before{background:linear-gradient(90deg,#0A0E1B80,transparent 65%)}
body[data-theme=a] :is(.hero-copy>p:not(.micro),.hero-copy p.hero-free,.hero-proof div>span,.scene-disclosure,.story-controls button){color:var(--muted)}
body[data-theme=a] .story-controls button[aria-pressed=true]{color:var(--ink)}
body[data-theme=a] :is(.proof-icon,.proof-score){color:var(--gold)}
body[data-theme=a] .hero-bottom{border-color:var(--line)}
body[data-theme=a] .motion-toggle{background:#0A0E1B35}
body[data-theme=a] :is(.hero-proof,.cellar-visual,.plan-card,.homepage-journal .journal-feature){background:var(--card-gradient);border-color:transparent}
body[data-theme=a] .plan-card:nth-child(even){background:var(--card-gradient-reverse)}
body[data-theme=a] .premium-plan{border-color:var(--gold)}
body[data-theme=a] :is(.feature-section,.memory-section){background:var(--surface)}
body[data-theme=a] :is(.phone-display,.film-poster,.journal-feature-photo){background:var(--bg)}
body[data-theme=a] :is(.primary,.billing-switch button[aria-pressed=true],.memory-switch button[aria-pressed=true]){color:var(--bg)}
body[data-theme=a] .watch-link:hover .play-circle{color:var(--bg)!important}
body[data-theme=a] .image-label{color:var(--light)}
body[data-theme=a] .journal-feature-photo:after{background:linear-gradient(transparent,#0A0E1BA8)}
body[data-theme=a] dialog::backdrop{background:#0A0E1BD9}
/* The illustrated film shares the app palette, including its full-film view. */
body[data-theme=a] .cinema-stage{background:var(--bg);color:var(--ink);--muted:#ACBACA;--gold:#C9A45A;--line:#596477}
body[data-theme=a] .cinema-stage:after{background:linear-gradient(90deg,#0A0E1B2E,transparent 55%)}
body[data-theme=a] :is(.cinema-copy p,.cinema-copy .micro,.taste-note>span){color:var(--muted)}
body[data-theme=a] .taste-film{background:var(--bg)}
body[data-theme=a] .taste-illustrations{color:var(--ink);--gold:#C9A45A}
body[data-theme=a] .taste-note strong{color:var(--gold)}
body[data-theme=a] :is(.cinema-controls button,.film-modal-controls button){background:#131A2CEB;color:var(--ink);border-color:var(--line)}
body[data-theme=a] :is(.cinema-controls button,.film-modal-controls button):hover{background:var(--card-b);border-color:var(--gold)}
@media(max-width:800px){body[data-theme=a] .cinema-controls{background:var(--bg)}}