/* ==========================================================================
   Charte frontoffice Innogoutech Africa
   Alignée sur landing.css (marine 216° + or 37°). Recouvre Bootstrap et les
   héros hérités (dégradés violet / vert) pour une façade unique.
   ========================================================================== */

:root {
  --bs-primary: #0b2c5d;
  --bs-primary-rgb: 11, 44, 93;
  --bs-secondary: #55677d;
  --bs-secondary-rgb: 85, 103, 125;
  --bs-warning: #f5a623;
  --bs-warning-rgb: 245, 166, 35;
  --bs-link-color: #095cd7;
  --bs-link-hover-color: #094bae;
  --bs-body-color: #12263f;
  --bs-border-radius: 0.7rem;
}

body {
  color: var(--fo-ink, #12263f);
}

/* --------------------------------------------------------------------------
   Héros hérités : même marine que l'accueil, plus de plein écran inutile
   -------------------------------------------------------------------------- */
.hero-solutions,
.hero-section,
.hero-about,
.bg-gradient-primary {
  background: linear-gradient(
    140deg,
    var(--fo-navy-deep, #071d3f) 0%,
    var(--fo-navy, #0b2c5d) 55%,
    var(--fo-navy-mid, #0c3779) 100%
  ) !important;
  color: #fff !important;
}
.hero-solutions.vh-100,
.hero-solutions.vh-50,
.hero-section {
  min-height: 0 !important;
  height: auto !important;
}
.hero-solutions,
.hero-section,
.hero-about {
  padding-top: calc(76px + 2.4rem) !important;
  padding-bottom: 2.6rem !important;
}
.hero-solutions h1,
.hero-solutions h2,
.hero-solutions .lead,
.hero-section h1,
.hero-section h2,
.hero-about h1,
.bg-gradient-primary h1,
.bg-gradient-primary h2,
.bg-gradient-primary .lead,
.bg-gradient-primary p {
  color: #fff !important;
}
.hero-solutions .lead,
.hero-section .lead,
.hero-about .lead {
  color: rgba(255, 255, 255, .88) !important;
}

/* --------------------------------------------------------------------------
   Boutons : or = action principale, marine = secondaire
   -------------------------------------------------------------------------- */
.btn-primary {
  --bs-btn-bg: var(--fo-gold, #f5a623);
  --bs-btn-border-color: var(--fo-gold, #f5a623);
  --bs-btn-color: #1a1a1a;
  --bs-btn-hover-bg: #ffb730;
  --bs-btn-hover-border-color: #ffb730;
  --bs-btn-hover-color: #1a1a1a;
  --bs-btn-active-bg: #e69712;
  --bs-btn-active-border-color: #e69712;
  --bs-btn-active-color: #1a1a1a;
  --bs-btn-font-weight: 700;
  background-color: var(--fo-gold, #f5a623) !important;
  border-color: var(--fo-gold, #f5a623) !important;
  color: #1a1a1a !important;
  border-radius: 999px;
}
.btn-primary:hover,
.btn-primary:focus-visible {
  background-color: #ffb730 !important;
  border-color: #ffb730 !important;
  color: #1a1a1a !important;
}
.btn-success {
  --bs-btn-bg: var(--fo-navy, #0b2c5d);
  --bs-btn-border-color: var(--fo-navy, #0b2c5d);
  --bs-btn-color: #fff;
  --bs-btn-hover-bg: var(--fo-blue-dark, #094bae);
  --bs-btn-hover-border-color: var(--fo-blue-dark, #094bae);
  --bs-btn-hover-color: #fff;
}
.btn-info {
  --bs-btn-bg: var(--fo-blue, #095cd7);
  --bs-btn-border-color: var(--fo-blue, #095cd7);
  --bs-btn-color: #fff;
  --bs-btn-hover-bg: var(--fo-blue-dark, #094bae);
  --bs-btn-hover-border-color: var(--fo-blue-dark, #094bae);
  --bs-btn-hover-color: #fff;
}
.btn-warning {
  --bs-btn-bg: var(--fo-gold, #f5a623);
  --bs-btn-border-color: var(--fo-gold, #f5a623);
  --bs-btn-color: #1a1a1a;
  --bs-btn-hover-bg: #ffb730;
  --bs-btn-hover-border-color: #ffb730;
  --bs-btn-hover-color: #1a1a1a;
}
.btn-outline-primary {
  --bs-btn-color: var(--fo-navy, #0b2c5d);
  --bs-btn-border-color: var(--fo-navy, #0b2c5d);
  --bs-btn-hover-bg: var(--fo-navy, #0b2c5d);
  --bs-btn-hover-border-color: var(--fo-navy, #0b2c5d);
  --bs-btn-hover-color: #fff;
  border-radius: 999px;
}
.btn-outline-light {
  border-radius: 999px;
}

/* --------------------------------------------------------------------------
   Textes et fonds Bootstrap / utilitaires hérités
   -------------------------------------------------------------------------- */
.text-primary,
.text-info,
.text-success { color: var(--fo-blue, #095cd7) !important; }
.text-warning,
.text-orange { color: var(--fo-gold, #f5a623) !important; }
.text-purple { color: var(--fo-navy, #0b2c5d) !important; }

.bg-primary { background-color: var(--fo-navy, #0b2c5d) !important; }
.bg-success { background-color: var(--fo-navy, #0b2c5d) !important; }
.bg-info { background-color: var(--fo-blue, #095cd7) !important; }
.bg-warning { background-color: var(--fo-gold, #f5a623) !important; color: #1a1a1a !important; }

.bg-primary-soft,
.bg-success-soft,
.bg-info-soft,
.bg-purple-soft,
.bg-secondary-soft { background-color: rgba(9, 92, 215, .12) !important; }
.bg-warning-soft,
.bg-orange-soft { background-color: rgba(245, 166, 35, .16) !important; }
.bg-danger-soft { background-color: rgba(225, 29, 72, .12) !important; }
.bg-dark-soft { background-color: rgba(11, 44, 93, .1) !important; }

.badge.bg-primary,
.badge.bg-success { background-color: var(--fo-navy, #0b2c5d) !important; color: #fff !important; }
.badge.bg-warning { color: #1a1a1a !important; }

/* --------------------------------------------------------------------------
   Cartes, titres, pictos
   -------------------------------------------------------------------------- */
.frontoffice-shell h2,
.frontoffice-shell h3,
.frontoffice-shell h4 {
  color: var(--fo-navy, #0b2c5d);
  font-weight: 800;
}
.frontoffice-shell .card {
  border-radius: var(--lp-radius, 18px);
  border: 1px solid var(--fo-line, #dbe4ef);
  box-shadow: var(--lp-shadow, 0 10px 30px rgba(11, 44, 93, .08));
}
.frontoffice-shell .card .card-title,
.frontoffice-shell .card h4,
.frontoffice-shell .card h5 {
  color: var(--fo-navy, #0b2c5d);
  font-weight: 800;
}
.icon-box,
.icon-wrapper {
  background-color: rgba(9, 92, 215, .12);
  color: var(--fo-blue, #095cd7);
}
.icon-box i,
.icon-wrapper i { color: var(--fo-blue, #095cd7) !important; }

.btn-link.text-primary,
.btn-link.text-success,
.btn-link.text-info,
.btn-link.text-purple,
.btn-link.text-orange,
.btn-link.text-dark {
  color: var(--fo-blue, #095cd7) !important;
  font-weight: 700;
  text-decoration: none;
}
.btn-link.text-primary:hover,
.btn-link.text-success:hover,
.btn-link.text-info:hover,
.btn-link.text-purple:hover,
.btn-link.text-orange:hover {
  color: var(--fo-blue-dark, #094bae) !important;
}

/* --------------------------------------------------------------------------
   Coquille : le héros gère le dégagement sous la barre
   -------------------------------------------------------------------------- */
.frontoffice-shell.py-3 {
  padding-top: 0 !important;
}
.frontoffice-shell:not(:has(.lp-hero, .hero-solutions, .hero-section, .hero-about, .bg-gradient-primary)) {
  padding-top: 5.25rem !important;
}

[data-fo-theme="dark"] {
  --fo-ink: #e8eef7;
  --fo-muted: #a4b3c6;
  --fo-soft: #10203a;
  --fo-line: #2a3f5f;
  --bs-body-color: #e8eef7;
  --bs-body-bg: #071427;
}
[data-fo-theme="dark"] body,
[data-fo-theme="dark"] .frontoffice-shell {
  background: #071427;
  color: #e8eef7;
}
[data-fo-theme="dark"] .frontoffice-shell .card {
  background: #0f2440;
  border-color: #2a3f5f;
  color: #e8eef7;
}
[data-fo-theme="dark"] .frontoffice-shell h2,
[data-fo-theme="dark"] .frontoffice-shell h3,
[data-fo-theme="dark"] .frontoffice-shell h4,
[data-fo-theme="dark"] .frontoffice-shell .card-title {
  color: #f2f6fb;
}