/* =========================================================
   7TH ROOM ACADEMY — UNIVERS AUDIO ENGINEER
   Fond clair · bleu professionnel
   ---------------------------------------------------------
   Pour : Prise de son, Acoustique & Home Studio, Mixage,
          Mastering, Écoute critique, Outils & workflow,
          Théorie du son, Fiches pratiques.

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

.ac-audio{
  --ac-fond:          #F7FAFC;
  --ac-fond-2:        #E7EEF6;
  --ac-fond-carte:    #FFFFFF;
  --ac-fond-header:   rgba(255,255,255,.90);

  --ac-accent:        #1769FF;
  --ac-accent-2:      #0E3FA9;
  --ac-accent-doux:   #EEF5FF;
  --ac-sur-accent:    #FFFFFF;

  --ac-accent-bloc:     #0E3FA9;
  --ac-sur-accent-bloc: #EAF1FF;

  --ac-texte-1:       #101828;
  --ac-texte-2:       #667085;
  --ac-bord:          #D9E2EC;
  --ac-survol:        #EEF5FF;

  --ac-valide-fond:   #ECFDF3;
  --ac-valide-bord:   #12B76A;

  --ac-ombre:         0 12px 28px rgba(16,24,40,.10);

  color-scheme:light;
}

/* Hero très légèrement bleuté : lumineux, pas plat */
.ac-audio .ac-hero{
  background:linear-gradient(150deg,#FFFFFF 0%,#F4F8FF 55%,#EEF5FF 100%);
}

/* Dans cet univers l'exercice est un bloc bleu plein :
   c'est le seul aplat foncé de la page, il attire l'œil là où il faut. */
.ac-audio .ac-bloc.exercice .ac-bloc-titre{ color:#FFFFFF; }
.ac-audio .ac-bloc.exercice{ border-color:var(--ac-accent-bloc); }

/* Les blocs pédagogiques restent blancs sur fond gris clair :
   la hiérarchie vient de la bordure, pas d'une ombre lourde. */
.ac-audio .ac-bloc{ box-shadow:0 1px 2px rgba(16,24,40,.04); }

/* Champs de formulaire */
.ac-audio input[type=text],
.ac-audio input[type=password],
.ac-audio textarea,
.ac-audio select{
  background:#FFFFFF;
  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), box-shadow var(--ac-transition);
}
.ac-audio input:focus, .ac-audio textarea:focus, .ac-audio select:focus{
  border-color:var(--ac-accent);
  box-shadow:0 0 0 4px var(--ac-accent-doux);
}
.ac-audio ::placeholder{ color:#98A2B3; }

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