/* MESS / five original color roles. Load after the existing stylesheets.
 * Color and atmosphere only: no layout, assets, typography or motion changes.
 * Screen-only: the association's printable application keeps its existing rules.
 */
@media screen {
  :root {
    --cosmic-abyss:#1b112e;
    --cosmic-mist:#bfa7ff;
    --cosmic-lime:#d9ff65;
    --cosmic-orchid:#f394dd;
    --cosmic-ice:#f3f0ff;
    --ink:var(--cosmic-abyss);
    --purple:var(--cosmic-mist);
    --acid:var(--cosmic-lime);
    --pink:var(--cosmic-orchid);
    --paper:var(--cosmic-ice);
  }
  body,.merch-page{background:var(--purple);color:var(--ink)}
  .prototype-note{border-bottom-color:#1b112e30}
  .header{color:var(--ink)}

  /* A violet atmosphere with a broad, quiet glow behind the physical record. */
  .hero{
    background:
      radial-gradient(ellipse at 72% 43%,#f3f0ff48,transparent 46%),
      radial-gradient(ellipse at 94% 8%,#f394dd36,transparent 44%),
      radial-gradient(ellipse at 100% 83%,#1b112e1f,transparent 60%),
      var(--purple);
    color:var(--ink);
  }
  .hero::before{opacity:.055}
  .hero h1 .outlined{-webkit-text-stroke-color:var(--ink)}
  .hero .tilt-word,.merch-launch h1>span{color:var(--paper);-webkit-text-stroke:1px var(--ink);text-shadow:4px 4px 0 var(--ink)}
  .sticker-nav a,.hero-project-actions a{color:var(--ink);border-color:var(--ink)}
  .sticker-nav a:first-child{background:var(--acid)}
  .sticker-nav a:nth-child(5),.hero-project-actions a:last-child{background:var(--pink)}
  .sticker-nav a[aria-current='page']{background:var(--ink);color:var(--paper)}
  .hero-project-actions a:hover{background:var(--acid)}
  .hero-project-actions a:last-child:hover{background:var(--paper)}

  /* The association is the first night scene; the programme follows its world. */
  .collective{
    background:radial-gradient(ellipse at 2% 10%,#bfa7ff14,transparent 55%),var(--ink);
    color:var(--paper);
  }
  .collective .section-kicker{border-bottom-color:#f3f0ff45}
  .collective .collective-pre{color:var(--purple)}
  .collective h2>span{color:var(--purple);-webkit-text-stroke-color:var(--purple)}
  .collective .little-sticker,.collective-copy .collective-invitation{color:var(--ink);background:var(--acid)}
  .collective .round-link{color:var(--acid)}
  .collective .round-link:hover{color:var(--pink)}
  .collective a:focus-visible{outline-color:var(--acid)}
  .manifesto-strip{background:var(--purple);color:var(--ink);border-color:var(--ink)}
  .next-ticket,.event-mix-ribbon{background:var(--acid);color:var(--ink);border-color:var(--ink)}
  .agenda{
    background:radial-gradient(ellipse at 100% 80%,#f394dd0c,transparent 55%),var(--ink);
    color:var(--paper);
  }
  .agenda .section-kicker,.event-story-row,.event-facts>div{border-color:#f3f0ff45}
  .event-index{color:var(--acid)}
  .event-content h2>span,.event-description .event-story-kicker,.event-story-row .event-story-kicker{color:var(--purple)}
  .event-facts dt,.source-link{color:var(--purple)}
  .source-link{border-bottom-color:var(--purple)}
  .entry-button{background:var(--acid);color:var(--ink);box-shadow:4px 4px 0 #d9ff6540}
  .entry-button:hover{background:var(--paper)}
  .event-mix-button,.event-mix-ribbon button{background:var(--purple);color:var(--ink)}
  .event-mix-button:hover,.event-mix-ribbon button:hover{background:var(--pink)}
  .event-collaboration{background:var(--paper);color:var(--ink);border-color:var(--purple)}
  .event-collaboration button{background:var(--ink);color:var(--paper);border-color:var(--ink)}
  .agenda a:focus-visible,.agenda>button:focus-visible{outline-color:var(--acid)}

  /* Real photographs retain their original color; only the gallery wall changes. */
  .archive-section{background:var(--ink);color:var(--paper)}
  .section-page .archive-section h1,.archive-section h2{color:var(--purple)}
  .archive-section .section-kicker{border-color:#f3f0ff45}
  .section-page .archive-photo{background:var(--ink);border-color:#bfa7ff66}
  .section-page .archive-photo:focus-visible{outline-color:var(--acid)}
  .section-page-links{background:var(--paper);color:var(--ink);border-color:var(--ink)}
  .section-page-links>a{color:var(--ink)}
  .section-page-links>a:hover{background:var(--purple);color:var(--ink)}

  /* The clothing workshop remains light so the small black 3D character reads. */
  .merch-main{
    background:radial-gradient(ellipse at 78% 44%,#f3f0ff60,transparent 48%),var(--purple);
    color:var(--ink);
  }
  .merch-launch-state{background:var(--acid);color:var(--ink);border-color:var(--ink)}
  .merch-launch-art{background:transparent;color:var(--ink)}
  .merch-play{background:var(--ink);color:var(--paper)}
  .merch-play:hover{background:var(--paper);color:var(--ink)}
  .merch-tailor-thread{background:var(--paper);color:var(--ink);border-color:var(--ink)}

  /* Forms and legal reading use solid quiet surfaces, never decorative noise. */
  .contact,.contact-section,.legal-main,.join-form-section{background:var(--paper);color:var(--ink)}
  .contact .section-kicker{border-color:#1b112e55}
  .contact-field input,.contact-field select,.contact-field textarea,.join-fields input{background:var(--paper);color:var(--ink);border-color:var(--ink)}
  .contact-field input::placeholder,.contact-field textarea::placeholder,.join-fields input::placeholder{color:var(--ink);opacity:.68}
  .contact-field input:focus,.contact-field select:focus,.contact-field textarea:focus,.join-fields input:focus-visible,.check-label input:focus-visible{outline-color:var(--ink);background:var(--purple)}
  .contact-send,.join-cta,.join-submit{background:var(--ink);color:var(--paper);border-color:var(--ink)}
  .contact-send:hover:not(:disabled),.join-cta:hover,.join-submit:hover{background:var(--purple);color:var(--ink)}
  .contact-send:disabled{background:var(--purple);color:var(--ink);border-color:var(--ink)}
  .contact-pending,.legal-copy dl{background:var(--purple);color:var(--ink)}
  .contact-details,#membership-form fieldset{border-color:#1b112e55}
  .field-help{color:var(--ink)}
  .join-hero{background:radial-gradient(ellipse at 88% 24%,#f394dd30,transparent 52%),var(--purple);color:var(--ink)}
  .request-preview{background:var(--purple);color:var(--ink)}

  /* The music desk follows the same family while keeping its functional contrast. */
  .cg-dialog{--cg-purple:var(--purple);--cg-acid:var(--acid);--cg-ink:var(--ink);background:var(--purple);color:var(--ink);border-color:var(--ink);box-shadow:7px 7px 0 var(--ink)}
  .cg-dialog-head{background:var(--purple);border-bottom-color:#1b112e40}
  .cg-close,.cg-stop{color:var(--ink);border-color:var(--ink)}
  .cg-mix-button{background:var(--ink);color:var(--acid);border-color:var(--ink)}
  .cg-decks{background:var(--purple);border-color:var(--ink)}
  .cg-deck,.cg-record-label{background:var(--ink);color:var(--paper)}
  .cg-artist,.cg-track-time,.cg-track-status,.cg-seek-label{color:var(--purple)}
  .cg-track-status[data-state='error']{color:var(--pink)}
  .cg-track-play{background:var(--acid);color:var(--ink);border-color:var(--acid)}
  .cg-mixer-note{color:var(--ink);border-color:#1b112e40}
  .cg-fader{accent-color:var(--ink)}
  .cg-dialog::backdrop{background:#1b112ee0}
  .cg-launcher{background:var(--acid);color:var(--ink);border-color:var(--ink);box-shadow:3px 3px 0 var(--ink)}

  .mess-ufo-light{background:linear-gradient(180deg,#d9ff6533,#f3f0ff1a 60%,#f3f0ff05)}
  footer{background:var(--ink);color:var(--paper)}
  footer>p:last-child{color:var(--purple)}
  .legal-links{border-color:#f3f0ff45}
  .legal-links a:hover,.mess-instagram:hover{color:var(--acid)}
}