/* Habillage de la page de documentation d'API.
   Comme app.css, ce fichier ne porte aucune couleur littérale : tout passe par
   les jetons de la charte (vendor/magic-saleve/tokens.css), et les règles qui
   suivent ne font que ramener Swagger UI vers l'identité du site — bandeau,
   typographies, fond — sans toucher à sa mécanique. */

@import url('vendor/magic-saleve/tokens.css');

body {
  margin: 0;
  background: var(--ms-bg);
  color: var(--ms-text);
  font-family: var(--ms-font-body);
}

/* --- bandeau, décliné de celui du site --- */

#bandeau {
  display: flex;
  align-items: center;
  gap: .9rem;
  padding: .7rem 1.25rem;
  background: var(--ms-bg-dark);
  color: var(--ms-text-on-dark);
}

#retour {
  color: var(--ms-text-on-dark);
  text-decoration: none;
  font-family: var(--ms-font-subtitle);
  font-size: .78rem;
  white-space: nowrap;
}

#retour:hover { text-decoration: underline; }

#titres { margin-left: auto; text-align: right; }

.ms-title {
  margin: 0;
  font-family: var(--ms-font-title);
  font-weight: 400;
  font-size: 1.1rem;
  letter-spacing: var(--ms-ls-title);
  text-transform: uppercase;
}

.ms-subtitle {
  margin: 0;
  font-family: var(--ms-font-subtitle);
  font-weight: 300;
  font-size: .68rem;
  letter-spacing: var(--ms-ls-subtitle);
  text-transform: uppercase;
  opacity: .9;
}

#chapeau {
  max-width: 60rem;
  margin: 1.2rem auto .2rem;
  padding: 0 1.25rem;
  font-size: .88rem;
  line-height: 1.5;
}

#chapeau a { color: var(--ms-primary); }

/* --- Swagger UI ramené vers la charte ---
   Sa feuille impose ses propres polices et un fond blanc ; on lui rend le fond
   du site et nos typographies, sans toucher à ses couleurs de méthodes (GET,
   POST…), qui sont un code de lecture universel qu'il vaut mieux ne pas
   réinventer. */

.swagger-ui { font-family: var(--ms-font-body); }

.swagger-ui .info .title,
.swagger-ui .opblock-tag {
  font-family: var(--ms-font-title);
  font-weight: 400;
  letter-spacing: var(--ms-ls-title);
  color: var(--ms-primary);
}

.swagger-ui .info .title small { background: var(--ms-primary); }

.swagger-ui .scheme-container {
  background: var(--ms-surface);
  box-shadow: var(--ms-shadow);
}

.swagger-ui .btn.execute {
  background: var(--ms-primary);
  border-color: var(--ms-primary);
}

/* le lien vers le document brut, que Swagger affiche sous le titre */
.swagger-ui .info a { color: var(--ms-primary); }