/*
 * Orbit × Documentation.AI
 * ------------------------
 * Principe : le template Atlas reste la base.
 * Ce fichier ne remplace ni le layout, ni les composants, ni le thème natif.
 * Il ajoute uniquement des accents ciblés et réversibles.
 */

/* Accent demandé : headers de tableaux noirs, en light comme en dark. */
.dai-article table thead th {
  background: #000 !important;
  color: #fff !important;
  border-color: #1d1d1d !important;
  font-weight: 650;
}

/* En dark mode uniquement, on conserve le moteur natif mais on remplace
   les grandes surfaces gris foncé par un noir pur. Aucun thème n'est forcé. */
.dark body,
.dark .dai-layout,
.dark .dai-content-area,
.dark .dai-content-column,
.dark .dai-page,
.dark .dai-page-main,
.dark .dai-article,
.dark .dai-page-aside,
.dark .dai-navbar,
.dark .dai-sidebar,
.dark .dai-sidebar-content,
.dark .dai-sticky-header {
  background-color: #000 !important;
}

/* Frame noire optionnelle : elle n'agit que lorsqu'elle est explicitement
   utilisée dans une page pour expliquer une feature. */
.orbit-feature-frame {
  margin: 24px 0;
  padding: 22px 24px;
  border-radius: 14px;
  background: #000;
  color: #fff;
  border: 1px solid #1d1d1d;
}

.orbit-feature-frame h2,
.orbit-feature-frame h3,
.orbit-feature-frame strong {
  color: #fff !important;
}

.orbit-feature-frame p,
.orbit-feature-frame li {
  color: #c8c8c8 !important;
}

/* Frame neutre pour iframe/video/demo sans réinventer les cards natives. */
.orbit-media-frame {
  overflow: hidden;
  margin: 24px 0;
  border: 1px solid rgba(127,127,127,.22);
  border-radius: 14px;
  background: transparent;
}