/* =========================================================
   Custom color scheme – WCAG-friendly (MkDocs Material)
   ========================================================= */

/* Palette globale (thème clair par défaut) */
:root {
  /* Couleurs principales */
  --md-primary-fg-color: #5f6f82;        /* gris bleuté contrasté */
  --md-primary-fg-color--dark: #4b5a6b;
  --md-accent-fg-color: #e67600;         /* orange accessible */

  /* Couleurs fonctionnelles */
  --color-success: #0f9d58;
  --color-danger: #d32f2f;
  --color-info: #2563eb;
}

/* Thème clair */
[data-md-color-scheme="default"] {
  --md-primary-fg-color: #5f6f82;
  --md-accent-fg-color: #e67600;
}

/* Thème sombre (slate) – ajusté pour le confort visuel */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #a9b7c6;   /* plus clair pour le fond sombre */
  --md-accent-fg-color: #ff9f3f;    /* orange plus doux en dark */
}

/* =========================================================
   Equal width tabs for all tabbed sets
   ========================================================= */

.tabbed-set > input {
  display: none;
}

.tabbed-set > label {
  flex: 1;
  text-align: center;
  min-width: 0;
}

.tabbed-labels {
  display: flex;
  width: 100%;
}

.tabbed-labels > label {
  flex: 1 1 0;
  text-align: center;
}

/* =========================================================
   API / Documentation badges
   ========================================================= */

.param-tag {
  border: 1px solid var(--color-success);
  border-radius: 8px;
  padding: 2px 8px;
  color: var(--color-success);
  font-weight: bold;
  font-size: 0.85em;
}

.param-type {
  border: 1px solid #999;
  color: #999;
}

.param-required {
  border: 1px solid var(--color-danger);
  color: var(--color-danger);
}

.param-optional {
  border: 1px solid var(--color-info);
  color: var(--color-info);
}

.http-get,
.http-post {
  border: 1px solid var(--color-success);
  color: var(--color-success);
}

/* =========================================================
   Fix frontmatter delimiter color in markdown code blocks
   ========================================================= */

.highlight .l {
  color: var(--md-code-fg-color) !important;
}
