/* ==========================================================================
   Optimus IT Soft — surcharges sur le template Front
   Chargé APRÈS theme.min.css. On ne touche pas au thème : on l'ajuste ici.
   Palette validée depuis le projet Astro (mesurée sur le logo).
   ========================================================================== */

:root {
  --opt-abysse:      #0C1B33;  /* fonds sombres, héros, bandeaux */
  --opt-marine:      #1B5796;  /* bleu de marque — déjà injecté dans le thème */
  --opt-bleu:        #2189C7;  /* bleu vif */
  --opt-bleu-clair:  #65B9E5;  /* bleu clair sur fond sombre */
  --opt-cuivre:      #C9762F;  /* appels à l'action */
  --opt-cuivre-fonce:#A85D1E;  /* survol du cuivre */
  --opt-ardoise:     #677279;  /* texte secondaire */
  --opt-argent:      #C5C8CA;  /* séparateurs */
}

/* --- Bouton cuivre : la seule couleur d'appel, réservée aux actions clés
       (Demander un devis). Le reste du site reste bleu marine. --- */
.btn-cuivre {
  background-color: var(--opt-cuivre);
  border-color: var(--opt-cuivre);
  color: #0E1A2B;
  font-weight: 600;
}
.btn-cuivre:hover,
.btn-cuivre:focus {
  background-color: var(--opt-cuivre-fonce);
  border-color: var(--opt-cuivre-fonce);
  color: #fff;
}

/* Version contour, pour fond sombre */
.btn-outline-cuivre {
  border-color: var(--opt-cuivre);
  color: var(--opt-cuivre);
}
.btn-outline-cuivre:hover {
  background-color: var(--opt-cuivre);
  border-color: var(--opt-cuivre);
  color: #0E1A2B;
}

/* --- Fonds sombres à la couleur abysse plutôt qu'au bleu Bootstrap --- */
.bg-abysse { background-color: var(--opt-abysse) !important; }
.bg-marine { background-color: var(--opt-marine) !important; }

/* Le thème « dark » de Front vire au bleu vif : on le ramène à l'abysse. */
.bg-primary.bg-dark,
.navbar-dark.bg-primary,
[class*="gradient-y-overlay"] { background-color: var(--opt-abysse) !important; }

/* --- Accents texte --- */
.text-cuivre { color: var(--opt-cuivre) !important; }
.text-marine { color: var(--opt-marine) !important; }

/* --- Titres : rappel de l'identité éditoriale du projet Astro
       (serif pour les titres, sans pour le texte). Georgia est présent
       partout, aucune police à télécharger. --- */
h1, h2, h3, .display-1, .display-2, .display-3, .display-4 {
  font-family: Constantia, Cambria, Georgia, "Times New Roman", serif;
  letter-spacing: -0.01em;
}

/* --- Liseré d'accroche, comme sur le site Astro --- */
.eyebrow {
  font-family: Consolas, ui-monospace, monospace;
  font-size: .8125rem;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--opt-ardoise);
  display: inline-flex;
  align-items: center;
  gap: .6rem;
}
.eyebrow::before {
  content: "";
  width: 26px;
  height: 3px;
  background: var(--opt-cuivre);
}
.eyebrow-clair { color: rgba(230,232,234,.7); }

/* --- Carte de service : survol discret --- */
.carte-service {
  transition: transform .15s ease, box-shadow .15s ease;
  height: 100%;
}
.carte-service:hover {
  transform: translateY(-3px);
}