/* Système final : une interface, trois atmosphères réellement distinctes. */
:root{
  --theme-bg:#010101;--theme-bg-2:#050505;--theme-panel:#090909;--theme-line:#252525;
  --theme-text:#c9cbd0;--theme-muted:#85878c;--theme-accent:#aeb2ba;--theme-glow:rgba(190,195,205,.1);
  --star-a:rgba(230,232,236,.7);--star-b:rgba(155,158,165,.38);--star-c:rgba(255,255,255,.25)
}
html,body,main>section,.topbar,.mobile-menu,.release-card,.artist-card,.track-list article,.event-poster,.artist-modal,.search-modal,.theme-control,footer{transition:background-color .72s cubic-bezier(.2,.8,.2,1),color .55s ease,border-color .55s ease,box-shadow .72s ease,filter .55s ease}
::view-transition-old(root){animation:themeOut .34s ease both}::view-transition-new(root){animation:themeIn .58s cubic-bezier(.2,.8,.2,1) both}@keyframes themeOut{to{opacity:.35;filter:blur(3px)}}@keyframes themeIn{from{opacity:.2;filter:blur(5px)}to{opacity:1;filter:none}}

/* BLACK — noir absolu et argent. Aucun fond bleu visible. */
html[data-theme="black"]{color-scheme:dark;--theme-bg:#010101;--theme-bg-2:#050505;--theme-panel:#090909;--theme-line:#242424;--theme-text:#c8cbd0;--theme-muted:#7f8288;--theme-accent:#b7bac1;--theme-glow:rgba(195,198,205,.1);--star-a:rgba(230,232,236,.72);--star-b:rgba(145,148,154,.4);--star-c:rgba(255,255,255,.24)}
html[data-theme="black"] body,html[data-theme="black"] main>section{background-color:#010101;color:var(--theme-text)}html[data-theme="black"] .hero:before{background:radial-gradient(circle at 72% 28%,rgba(190,194,202,.07),transparent 31%),linear-gradient(120deg,#000,#050505 58%,#000)}html[data-theme="black"] .manifesto,html[data-theme="black"] .now,html[data-theme="black"] .music,html[data-theme="black"] .originals,html[data-theme="black"] .editorial,html[data-theme="black"] .events,html[data-theme="black"] .community,html[data-theme="black"] .discover,html[data-theme="black"] .about{background:radial-gradient(circle at 82% 16%,rgba(210,214,222,.045),transparent 23%),linear-gradient(180deg,#010101,#050505 52%,#010101);color:var(--theme-text)}html[data-theme="black"] .release-card,html[data-theme="black"] .artist-card{background-color:#080808;border-color:#292929}html[data-theme="black"] .event-mystery{background:radial-gradient(circle at 50% 45%,rgba(205,208,214,.07),transparent 30%),#010101}html[data-theme="black"] .topbar.compact{background:#020202ed}html[data-theme="black"] [data-theme-logo]{filter:grayscale(1) saturate(0) contrast(1.12) brightness(1.05);transition:filter .55s ease,opacity .45s ease}html[data-theme="black"] h1,html[data-theme="black"] h2,html[data-theme="black"] h3{color:#d4d6da}html[data-theme="black"] .section-kicker,html[data-theme="black"] .eyebrow,html[data-theme="black"] .tag,html[data-theme="black"] .play-link{color:#aeb1b8}

/* BLUE — bleu nuit dominant et lumière froide. */
html[data-theme="blue"]{color-scheme:dark;--theme-bg:#020713;--theme-bg-2:#06132a;--theme-panel:#08162d;--theme-line:#294464;--theme-text:#edf2f8;--theme-muted:#9eacc0;--theme-accent:#72a9df;--theme-glow:rgba(43,103,170,.3);--star-a:rgba(248,251,255,.78);--star-b:rgba(105,164,222,.54);--star-c:rgba(195,221,248,.32)}
html[data-theme="blue"] body,html[data-theme="blue"] main>section{background-color:#020713;color:var(--theme-text)}html[data-theme="blue"] .hero:before{background:radial-gradient(circle at 72% 28%,rgba(25,78,137,.55),transparent 35%),linear-gradient(120deg,#01040b,#081a37 60%,#020713)}html[data-theme="blue"] .manifesto,html[data-theme="blue"] .now,html[data-theme="blue"] .music,html[data-theme="blue"] .originals,html[data-theme="blue"] .editorial,html[data-theme="blue"] .events,html[data-theme="blue"] .community{background:linear-gradient(180deg,#020713,#07162e 50%,#020712)}html[data-theme="blue"] .discover,html[data-theme="blue"] .about{background:radial-gradient(circle at 15% 12%,rgba(48,104,168,.38),transparent 32%),#040d1d;color:#f1f5fa}html[data-theme="blue"] .release-card,html[data-theme="blue"] .artist-card{background-color:#08162d;border-color:#294b70}html[data-theme="blue"] .event-mystery{background:radial-gradient(circle at 50% 45%,rgba(30,82,148,.48),transparent 33%),linear-gradient(#01050d,#071a38,#01050d)}html[data-theme="blue"] .topbar.compact{background:#020713ed}html[data-theme="blue"] [data-theme-logo]{filter:saturate(1.12) brightness(1.08);transition:filter .55s ease,opacity .45s ease}

/* GREEN — héritage D-UNDER, vert profond et métal doré. */
html[data-theme="green"]{color-scheme:dark;--theme-bg:#010503;--theme-bg-2:#06130b;--theme-panel:#07140c;--theme-line:#274331;--theme-text:#f0eadb;--theme-muted:#a89f88;--theme-accent:#d0a62d;--theme-glow:rgba(12,121,60,.25);--star-a:rgba(247,220,139,.7);--star-b:rgba(202,156,39,.46);--star-c:rgba(255,247,218,.28)}
html[data-theme="green"] body,html[data-theme="green"] main>section{background-color:#010503;color:var(--theme-text)}html[data-theme="green"] .hero:before{background:radial-gradient(circle at 72% 28%,rgba(0,118,53,.34),transparent 34%),linear-gradient(120deg,#000,#06170d 60%,#010503)}html[data-theme="green"] .manifesto,html[data-theme="green"] .now,html[data-theme="green"] .music,html[data-theme="green"] .originals,html[data-theme="green"] .editorial,html[data-theme="green"] .events,html[data-theme="green"] .community{background:linear-gradient(180deg,#010503,#07150d 52%,#010503)}html[data-theme="green"] .discover,html[data-theme="green"] .about{background:radial-gradient(circle at 15% 12%,rgba(14,120,62,.28),transparent 32%),#030b06;color:#f3eddd}html[data-theme="green"] .release-card,html[data-theme="green"] .artist-card{background-color:#07130c;border-color:#31543c}html[data-theme="green"] .release-card.editorial-focus:after{background:#d0a62d}html[data-theme="green"] .event-mystery{background:radial-gradient(circle at 50% 45%,rgba(7,121,54,.32),transparent 33%),linear-gradient(#010503,#06170d,#010503)}html[data-theme="green"] .topbar.compact{background:#010503ed}html[data-theme="green"] [data-theme-logo]{filter:none;transition:filter .55s ease,opacity .45s ease}html[data-theme="green"] .section-kicker,html[data-theme="green"] .eyebrow,html[data-theme="green"] .tag,html[data-theme="green"] .play-link{color:#d0a62d}html[data-theme="green"] .shooting-stars i{background:linear-gradient(90deg,transparent,#e8c65f);filter:drop-shadow(0 0 5px #b98b20)}

/* Le ciel prend la couleur du thème, jamais les pochettes ni les photos. */
html[data-theme] .hero::after,html[data-theme] .manifesto::after,html[data-theme] .now::after,html[data-theme] .discover::after,html[data-theme] .music::after,html[data-theme] .events::after,html[data-theme] .community::after{background-image:radial-gradient(circle,var(--star-a) 0 1px,transparent 1.5px),radial-gradient(circle,var(--star-b) 0 .8px,transparent 1.4px),radial-gradient(circle,var(--star-c) 0 1.4px,transparent 2px)}
.release-card img,.latest-release img,.release-cover,.cover,.artist-card.has-artist-photo:before,.profile-hero.has-profile-photo{transition:transform .8s cubic-bezier(.2,.8,.2,1);filter:none}

/* Signature Cameroun, identique et microscopique dans les trois univers. */
html[data-theme] .now .section-head h2,html[data-theme] .music>h2,html[data-theme] .event-mystery h2{text-shadow:-.7px 0 #168649,.7px 0 #b3293b,0 .7px #d2ad30,0 0 24px var(--theme-glow)}
.theme-control{background:var(--theme-panel);border-color:var(--theme-line)}.theme-control select{color:var(--theme-text)}.theme-control option{background:var(--theme-panel);color:var(--theme-text)}

@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}

/* Neutralisation des anciens reflets dans la version noire. */
html[data-theme="black"] .artist-card:before{background:radial-gradient(circle at 62% 28%,rgba(210,214,220,.08),transparent 30%),linear-gradient(155deg,#0b0b0b,#020202)}
html[data-theme="black"] .artist-card.has-artist-photo:before{background-image:linear-gradient(180deg,rgba(0,0,0,.08) 20%,rgba(0,0,0,.94) 88%),var(--artist-image)}
html[data-theme="black"] .track-list article:hover{background:#0a0a0a}
html[data-theme="black"] .artist-modal,html[data-theme="black"] .search-modal{background:radial-gradient(circle at 75% 10%,rgba(210,214,220,.05),transparent 28%),#010101}
html[data-theme="black"] .profile-hero{background:radial-gradient(circle at 75% 25%,rgba(210,214,220,.07),transparent 28%)}
html[data-theme="black"] .hero-glow{background:rgba(205,208,214,.06)}
html[data-theme="black"] .shooting-stars i{background:linear-gradient(90deg,transparent,#d8dadd);filter:drop-shadow(0 0 4px #b9bbc0)}
html[data-theme="blue"] .hero-glow{background:rgba(35,101,173,.18)}
html[data-theme="green"] .hero-glow{background:rgba(0,168,76,.14)}
