/* =========================================================
   7TH ROOM ACADEMY — UNIVERS CRÉATION MUSICALE
   Fond sombre · vert vif
   ---------------------------------------------------------
   Pour : MC / Écriture Rap, Composition musicale,
          Beatmaking, Beatmaking Challenge, Rhythm Library.

   À charger APRÈS academy-base.css :
     <link rel="stylesheet" href="/assets/css/academy-base.css">
     <link rel="stylesheet" href="/assets/css/academy-creation.css">
     <body class="ac ac-creation">
   ========================================================= */

.ac-creation{
  --ac-fond:          #121212;
  --ac-fond-2:        #232323;
  --ac-fond-carte:    #1C1C1C;
  --ac-fond-header:   rgba(18,18,18,.88);

  --ac-accent:        #9BE34A;
  --ac-accent-2:      #48B84E;
  --ac-accent-doux:   rgba(155,227,74,.12);
  --ac-sur-accent:    #101510;

  --ac-accent-bloc:     rgba(155,227,74,.10);
  --ac-sur-accent-bloc: #DFF7BE;

  --ac-texte-1:       #F7F7F7;
  --ac-texte-2:       #A8A8A8;
  --ac-bord:          #2B2B2B;
  --ac-survol:        rgba(255,255,255,.05);

  --ac-valide-fond:   rgba(72,184,78,.10);
  --ac-valide-bord:   #48B84E;

  --ac-ombre:         0 14px 34px rgba(0,0,0,.55);

  color-scheme:dark;
}

/* Le hero de cet univers respire mieux avec un dégradé très léger
   du fond vers le noir : ça donne de la profondeur sans surcharger. */
.ac-creation .ac-hero{
  background:linear-gradient(160deg,#1C1C1C 0%,#151515 60%,#121212 100%);
}

/* Les images sont légèrement assombries pour que le texte blanc
   reste lisible par-dessus, quelle que soit la photo. */
.ac-creation .ac-carte-img::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.55) 100%);
  pointer-events:none;
}

/* Barre de progression un peu plus visible sur fond sombre */
.ac-creation .ac-progress{ background:#2B2B2B; }

/* Champs de formulaire */
.ac-creation input[type=text],
.ac-creation input[type=password],
.ac-creation textarea,
.ac-creation select{
  background:#181818;
  border:2px solid var(--ac-bord);
  border-radius:var(--ac-r-petit);
  color:var(--ac-texte-1);
  font-family:var(--ac-texte);
  font-size:17px;
  padding:15px 18px;
  width:100%;
  outline:none;
  transition:border-color var(--ac-transition);
}
.ac-creation input:focus, .ac-creation textarea:focus, .ac-creation select:focus{
  border-color:var(--ac-accent);
}
.ac-creation ::placeholder{ color:#5E5E5E; }

/* Citation de bas de page */
.ac-creation .ac-citation{
  font-family:var(--ac-titre);
  font-style:italic;
  font-size:clamp(14px,1.8vw,17px);
  color:var(--ac-texte-2);
  max-width:34ch;
  text-align:right;
  line-height:1.4;
}