@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Inter:wght@300;400;500;600&display=swap");

:root {
  --primary: #2a4292; /* bleu logo */
  --accent: #ed6c12; /* orange logo */
  --dark: #212529;
  --muted: #495057;
  --light: #f8f9fa;

  /* Tech Corporate theme colors */
  --bs-primary: #2a4292;
  --bs-secondary: #ed6c12;
  --bs-tertiary: #212529;
  --bs-quaternary: #495057;
  --bs-quinary: #f8f9fa;
  --bs-senary: #5a6e7f;
  --bs-primary-rgb: 42, 66, 146;
  --bs-secondary-rgb: 237, 108, 18;
  --bs-tertiary-rgb: 33, 37, 41;
  --bs-quaternary-rgb: 73, 80, 87;
  --bs-quinary-rgb: 248, 249, 250;
  --bs-senary-rgb: 90, 110, 127;
  
  --bs-body-bg: #ffffff;
  --bs-body-color: #000000;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-body-color-rgb: 13, 13, 13;
  --bs-body-bg-opacity: 1;
  --bs-body-color-opacity: 1;
  --bs-body-tertiary-bg: #f8f9fa;
  --bs-body-tertiary-bg-rgb: 248, 249, 250;
  --bs-secondary-color: #5a6e7f;

  /* Navigation */
  --bs-nav-link-color: #ffffff;
  --bs-navbar-brand-color: #0d0d0d;

  /* Accent colors */
  --tech-corporate-accent-gold: #c19a6b;
  --tech-corporate-accent-magenta: #d81b60;
  --tech-corporate-black: #0d0d0d;
  --tech-corporate-white: #ffffff;

  /* Typography */
  --tech-corporate-font-heading: "Playfair Display", serif;
  --tech-corporate-font-body: "Inter", sans-serif;

 
}

.navbar-nav {
  --bs-nav-link-color: #ffffff;
  --bs-nav-link-hover-color: #0d0d0d;
  --bs-nav-link-active-color: #0d0d0d;
}
.card{
    --bs-card-title-color: var(--primary);
}

/* Typography overrides */
/* Police générale pour tous les titres */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Roboto", "Helvetica Neue", sans-serif;
  font-weight: 700;
  margin-bottom: 1rem;
}

/* H1 - Hero / Page principale */
h1 {
  font-size: 3rem;
  color: var(--primary);
}

/* H2 - Sections importantes */
h2 {
  font-size: 2.5rem;
  color: var(--primary);
}

/* H3 - Sous-titres secondaires */
h3 {
  font-size: 2rem;
  color: var(--primary);
}

/* H4 - Titres de cartes ou blocs */
h4 {
  font-size: 1.75rem;
  color: var(--dark);
}

/* H5 - Titres moins importants */
h5 {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--muted);
}

/* H6 - Petits titres ou détails */
h6 {
  font-size: 1.25rem;
  font-weight: 500;
  color: var(--muted);
}

body {
  font-family: var(--tech-corporate-font-body);
}

.hero-title {
  font-size: 3.5rem;
  font-weight: 700;
  background: linear-gradient(90deg, var(--primary), var(--accent));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* ===============================
   BOUTONS
   =============================== */
.btn-primary {
  background-color: var(--primary);
  border-color: var(--primary);
}

.btn-primary:hover {
  background-color: #223570; /* bleu foncé */
  border-color: #223570;
}

.btn-accent {
  background-color: var(--accent);
  border-color: var(--accent);
  color: #fff;
}

.btn-accent:hover {
  background-color: #c65a0e;
  border-color: #c65a0e;
  color: #fff;
}

.btn-outline-orange {
    border: 2px solid #ed6c12;
    color: #ed6c12;
    font-weight: 600;
    background-color: transparent;
  }
  .btn-outline-orange:hover {
    background-color: #ed6c12;
    color: #000; /* contraste lisible */
  }
/* ===============================
   LIENS
   =============================== */
a {
  color: var(--primary);
  text-decoration: none;
}

a:hover {
  color: var(--accent);
  text-decoration: underline;
}

/* ===============================
   SECTIONS
   =============================== */
.section-dark {
  background-color: var(--primary);
  color: #fff;
  padding: 4rem 0;
}

.section-light {
  background-color: var(--light);
  color: var(--dark);
  padding: 4rem 0;
}