/* Palette globale Inoozar — source unique pour toutes les pages */
:root {
  --brand-navy: #0f172a;
  --brand-navy-2: #1b2744;
  --brand-gold: #d8a642;
  --brand-gold-light: #f3c86f;
  --brand-ink: #172033;
  --brand-muted: #667085;
  --brand-cream: #fffaf0;
  --brand-line: #e6e0d5;
  --brand-white: #ffffff;

  /* Alias partagés par les anciens et nouveaux templates */
  --navy: var(--brand-navy);
  --navy2: var(--brand-navy-2);
  --gold: var(--brand-gold);
  --gold2: var(--brand-gold-light);
  --ink: var(--brand-ink);
  --muted: var(--brand-muted);
  --cream: var(--brand-cream);
  --line: var(--brand-line);
  --white: var(--brand-white);
  --bg: var(--brand-white);
  --panel: var(--brand-white);
  --text: var(--brand-ink);
  --primary: var(--brand-gold);
  --secondary: var(--brand-gold-light);
  --accent: var(--brand-navy-2);
  --border: var(--brand-line);
  --surface: rgba(255, 255, 255, .84);
  --surface2: var(--brand-cream);
}

::selection { background: var(--brand-gold); color: var(--brand-navy); }

/* Harmonisation des templates historiques en mode clair */
html[data-theme="light"],
html[data-theme="light"] body {
  --bg: var(--brand-white);
  --panel: var(--brand-white);
  --text: var(--brand-ink);
  --muted: var(--brand-muted);
  --border: var(--brand-line);
  --surface: rgba(255, 255, 255, .88);
  --surface2: var(--brand-cream);
  background:
    radial-gradient(900px 450px at 5% -10%, rgba(216, 166, 66, .09), transparent 60%),
    radial-gradient(800px 420px at 95% -20%, rgba(27, 39, 68, .06), transparent 60%),
    var(--brand-white);
  color: var(--brand-ink);
}

html[data-theme="light"] header,
html[data-theme="light"] header.scrolled {
  background: rgba(15, 23, 42, .96);
  border-bottom-color: rgba(255, 255, 255, .10);
}

html[data-theme="light"] header nav a,
html[data-theme="light"] header .back-home {
  color: rgba(255, 255, 255, .86);
}

html[data-theme="light"] header nav a:hover,
html[data-theme="light"] header nav a[aria-current="page"],
html[data-theme="light"] header .back-home:hover,
html[data-theme="light"] header nav a.recruit-link {
  color: var(--brand-gold-light);
}

html[data-theme="light"] header .back-home {
  border-color: rgba(255, 255, 255, .22);
  background: rgba(255, 255, 255, .06);
}

html[data-theme="light"] header .back-home:hover {
  border-color: var(--brand-gold);
  background: rgba(216, 166, 66, .10);
}

html[data-theme="light"] .brand-wordmark,
html[data-theme="light"] .wordmark,
html[data-theme="light"] .wordmark[style] {
  filter: brightness(0) invert(1) !important;
}

html[data-theme="light"] .burger {
  color: var(--brand-white);
  background: rgba(255, 255, 255, .08);
  border-color: rgba(255, 255, 255, .20);
}

html[data-theme="light"] .mobile-menu {
  background: var(--brand-navy);
}

html[data-theme="light"] .mobile-menu a {
  color: var(--brand-white);
  background: rgba(255, 255, 255, .04);
  border-color: rgba(255, 255, 255, .10);
}

html[data-theme="light"] .client-logos,
html[data-theme="light"] .process,
html[data-theme="light"] .testimonials {
  background: var(--brand-cream);
  border-color: var(--brand-line);
}

html[data-theme="light"] .card,
html[data-theme="light"] .step,
html[data-theme="light"] .testimonial,
html[data-theme="light"] .panel {
  background: var(--brand-white);
  border-color: var(--brand-line);
}

html[data-theme="light"] .card:hover,
html[data-theme="light"] .step:hover {
  border-color: rgba(216, 166, 66, .48);
}

html[data-theme="light"] footer {
  background: #0b1120;
  color: rgba(255, 255, 255, .68);
}

html[data-theme="light"] .footer-bg::after {
  background: linear-gradient(180deg, rgba(15, 23, 42, .96), rgba(11, 17, 32, .99));
}

html[data-theme="light"] footer .footer-desc,
html[data-theme="light"] footer .footer-col ul li a,
html[data-theme="light"] footer .footer-contact-item,
html[data-theme="light"] footer .small {
  color: rgba(255, 255, 255, .68);
}

html[data-theme="light"] footer h4,
html[data-theme="light"] footer strong,
html[data-theme="light"] footer .footer-col ul li a:hover {
  color: var(--brand-white);
}

html[data-theme="light"] footer .brand-wordmark,
html[data-theme="light"] footer .wordmark {
  filter: brightness(0) invert(1) !important;
}

html[data-theme="light"] .footer-badge,
html[data-theme="light"] .fc-icon,
html[data-theme="light"] footer .social a {
  color: rgba(255, 255, 255, .72);
  background: rgba(255, 255, 255, .06);
  border-color: rgba(255, 255, 255, .12);
}

.pp1, .pp3 { background: var(--brand-gold) !important; }
.pp2, .pp4 { background: var(--brand-gold-light) !important; }

/* Corps de la page d'accueil — même langage simple que Team Building */
.home-page {
  background: var(--brand-white);
  color: var(--brand-ink);
}

.home-page .particles { display: none; }

.home-page main > section:not(.hero) {
  padding: 96px 0;
  background: var(--brand-white);
  border: 0;
}

.home-page main > .client-logos {
  padding: 42px 0;
  background: var(--brand-cream);
  border-block: 1px solid var(--brand-line);
}

.home-page main > #process,
.home-page main > #portfolio {
  background: var(--brand-cream);
  border-block: 1px solid var(--brand-line);
}

.home-page .title {
  color: var(--brand-ink);
  background: none;
  -webkit-text-fill-color: currentColor;
  letter-spacing: -.035em;
}

.home-page .subtitle {
  color: var(--brand-muted);
  max-width: 720px;
}

.home-page .grid { gap: 20px; }

.home-page .card {
  background: var(--brand-white);
  border: 1px solid var(--brand-line);
  border-radius: 20px;
  box-shadow: none;
  overflow: hidden;
}

.home-page .card::before,
.home-page .card::after { display: none; }

.home-page .card:hover {
  transform: translateY(-6px);
  border-color: rgba(216, 166, 66, .55);
  box-shadow: 0 20px 55px rgba(15, 23, 42, .10);
}

.home-page .card h3,
.home-page .step h4 { color: var(--brand-ink); }

.home-page .card p,
.home-page .step p,
.home-page .testimonial-text,
.home-page .author-info p { color: var(--brand-muted); }

.home-page .mini { background: var(--brand-gold); }

.home-page .steps::before { background: var(--brand-line); }

.home-page .step {
  background: var(--brand-white);
  border: 1px solid var(--brand-line);
  box-shadow: none;
}

.home-page .step::before { display: none; }

.home-page .step:hover {
  background: var(--brand-white);
  border-color: rgba(216, 166, 66, .52);
  box-shadow: 0 18px 45px rgba(15, 23, 42, .09);
}

.home-page .testimonials {
  background: var(--brand-white);
  border: 0;
}

.home-page .testimonial {
  background: var(--brand-cream);
  border: 1px solid var(--brand-line);
  box-shadow: none;
}

.home-page .testimonial::before { color: rgba(216, 166, 66, .22); }

.home-page .tile {
  background: var(--brand-white);
  border: 1px solid var(--brand-line);
  box-shadow: none;
}

.home-page .tile:hover {
  border-color: rgba(216, 166, 66, .55);
  box-shadow: 0 18px 45px rgba(15, 23, 42, .10);
}

.home-page .cap {
  color: var(--brand-ink);
  background: rgba(255, 255, 255, .94);
  border-color: var(--brand-line);
}

.home-page #contact .panel {
  background: var(--brand-white);
  border: 1px solid var(--brand-line);
  box-shadow: 0 20px 55px rgba(15, 23, 42, .08);
}

.home-page #contact input,
.home-page #contact textarea {
  background: var(--brand-white);
  color: var(--brand-ink);
  border-color: #d8dee8;
}

.home-page #contact input:focus,
.home-page #contact textarea:focus {
  border-color: var(--brand-gold);
  box-shadow: 0 0 0 4px rgba(216, 166, 66, .14);
}

.home-page .home-contact-section {
  background: linear-gradient(135deg, #fff6df, var(--brand-white));
}

.home-page #contact.home-contact-section * { box-sizing: border-box; }

.home-page .home-contact-box {
  display: grid;
  grid-template-columns: .85fr 1.15fr;
  padding: 0;
  overflow: hidden;
  background: var(--brand-white);
  border: 1px solid var(--brand-line);
  border-radius: 28px;
  box-shadow: 0 22px 60px rgba(15, 23, 42, .12);
}

.home-page .home-contact-copy {
  padding: 48px;
  background: var(--brand-navy);
  color: var(--brand-white);
}

.home-page .home-contact-kicker {
  margin: 0 0 13px;
  color: var(--brand-gold-light);
  font-size: .78rem;
  font-weight: 900;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.home-page .home-contact-copy h2 {
  margin: 0 0 17px;
  color: var(--brand-white);
  font-family: Poppins, Inter, sans-serif;
  font-size: clamp(1.9rem, 3vw, 2.35rem);
  line-height: 1.12;
  letter-spacing: -.035em;
}

.home-page .home-contact-copy > p:not(.home-contact-kicker) {
  margin: 0;
  color: rgba(255, 255, 255, .70);
  font-weight: 500;
}

.home-page .home-contact-info {
  display: grid;
  gap: 14px;
  margin-top: 32px;
  color: rgba(255, 255, 255, .82);
  font-size: .92rem;
  font-weight: 700;
}

.home-page .home-contact-info a {
  color: var(--brand-gold-light);
}

.home-page .home-contact-info i {
  width: 21px;
  color: var(--brand-gold);
}

.home-page .home-contact-form {
  display: block;
  position: relative;
  width: 100%;
  min-width: 0;
  padding: 48px;
  background: var(--brand-white);
}

.home-page .home-fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 17px;
}

.home-page .home-field {
  display: grid;
  gap: 7px;
}

.home-page .home-field.full { grid-column: 1 / -1; }

.home-page .home-field label {
  margin: 0;
  color: var(--brand-ink);
  font-size: .85rem;
  font-weight: 800;
  letter-spacing: 0;
}

.home-page .home-field input,
.home-page .home-field textarea {
  display: block;
  padding: 13px 14px;
  border: 1px solid #d8dee8;
  border-radius: 12px;
  background: var(--brand-white);
  color: var(--brand-ink);
  font-size: .95rem;
  font-weight: 500;
  appearance: none;
}

.home-page .home-field textarea {
  min-height: 120px;
  resize: vertical;
}

.home-page .home-form-note {
  min-height: 22px;
  margin: 14px 0 0;
  color: var(--brand-muted);
  font-size: .82rem;
  font-weight: 700;
}

.home-page .home-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  margin-top: 16px;
  padding: 14px 25px;
  border: 0;
  border-radius: 999px;
  background: var(--brand-gold);
  color: var(--brand-navy);
  box-shadow: 0 14px 35px rgba(216, 166, 66, .25);
  font: 900 .95rem/1 Inter, sans-serif;
  cursor: pointer;
  transition: .25s ease;
}

.home-page .home-submit:hover {
  transform: translateY(-2px);
  background: var(--brand-gold-light);
}

@media (max-width: 720px) {
  .home-page main > section:not(.hero) { padding: 70px 0; }
  .home-page main > .client-logos { padding: 34px 0; }
  .home-page .home-contact-box { grid-template-columns: 1fr; }
  .home-page .home-contact-copy,
  .home-page .home-contact-form { padding: 30px 23px; }
  .home-page .home-fields { grid-template-columns: 1fr; }
  .home-page .home-submit { width: 100%; }
}