:root{--nko-black:#111111;--nko-gold:#d4af37;--nko-ivory:#f8f6f0}
body{background:var(--nko-ivory);color:var(--nko-black)}
header,footer{background:#111111!important;color:#f8f6f0!important}
header a,footer a{color:#d4af37!important}
h1,h2,h3{color:#171717}
.btn,button[type=submit]{background:#111111!important;color:#d4af37!important;border:1px solid #d4af37!important}
.btn:hover,button[type=submit]:hover{background:#d4af37!important;color:#111111!important}
a{accent-color:#d4af37}
input:focus,select:focus,textarea:focus{outline:2px solid #d4af37;outline-offset:2px}

/* NKO FIRM — Finitions noir et or */
:root {
  --nko-black: #111111;
  --nko-gold: #d4af37;
  --nko-ivory: #f8f6f0;
}

/* Bandes institutionnelles */
.band,
.trust-band,
.value-strip,
.cta-band,
.cta-section {
  background-color: var(--nko-black) !important;
  color: var(--nko-ivory) !important;
}

.band h2,
.trust-band h2,
.value-strip h2,
.cta-band h2,
.cta-section h2,
.band p,
.trust-band p,
.value-strip p,
.cta-band p,
.cta-section p {
  color: var(--nko-ivory) !important;
}

/* Boutons de l'accueil */
.hero .actions,
.hero .cta-group,
.hero .buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}

.hero .actions .btn,
.hero .cta-group .btn,
.hero .buttons .btn {
  margin: 0;
}

@media (max-width: 640px) {
  .hero .actions,
  .hero .cta-group,
  .hero .buttons {
    flex-direction: column;
    align-items: stretch;
  }
}

/* NKO FIRM — Corrections définitives accueil */

/* Bande des engagements */
.trust-band {
  background: #111111 !important;
  color: #f8f6f0 !important;
}

.trust-band strong {
  color: #d4af37 !important;
}

.trust-band span,
.trust-band p {
  color: #f8f6f0 !important;
}

/* Bande de contact */
.cta {
  background: #111111 !important;
  color: #f8f6f0 !important;
}

.cta h2,
.cta p {
  color: #f8f6f0 !important;
}

.cta .btn {
  background: #d4af37 !important;
  color: #111111 !important;
  border-color: #d4af37 !important;
}

/* Boutons de l'accueil */
.hero .quick-actions {
  display: flex !important;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}

.hero .quick-actions .btn {
  margin: 0 !important;
}

@media (max-width: 640px) {
  .hero .quick-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .hero .quick-actions .btn {
    text-align: center;
  }
}