/* PLB-12 Cobalt mat — Architecture Cuivre. Source Serif 4 + Montserrat. */
:root{
  /* Couleurs base */
  --bg: #F1F2F4;
  --bg-alt: #FFFFFF;
  --surface: #FFFFFF;
  --surface-2: #E8EAEE;
  --text: #20242B;
  --text-2: #4A5060;
  --text-mute: #7A8090;
  --border: #D8DBE2;

  /* Accents */
  --accent: #244B82;
  --accent-2: #3A6BAA;
  --accent-soft: rgba(36, 75, 130, 0.10);
  --accent-deep: #1A3760;
  --primary: var(--accent);

  /* Inverse (cartes foncees) */
  --bg-dark: #1A3760;
  --text-on-dark: #FFFFFF;
  --text-2-on-dark: rgba(255,255,255,.78);

  /* WhatsApp */
  --wa-green: #25D366;
  --wa-deep: #128C7E;

  /* Polices */
  --ff-display: "Source Serif 4", "Source Serif Pro", Georgia, serif;
  --ff-body: "Montserrat", -apple-system, "Segoe UI", Roboto, sans-serif;
  --ff-ui: "Montserrat", -apple-system, "Segoe UI", Roboto, sans-serif;

  /* Rayons */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 14px;
  --r-xl: 20px;

  /* Header */
  --header-h: 78px;
  --header-h-mobile: 64px;

  /* Z-index */
  --z-header: 900;
  --z-menu: 1000;
  --z-burger: 1001;
  --z-modal: 1100;

  /* Container */
  --container: 1200px;

  /* Ombre subtile */
  --shadow-sm: 0 1px 2px rgba(20,30,50,.06);
  --shadow-md: 0 6px 22px rgba(20,30,50,.08);
}

html{ scroll-padding-top: calc(var(--header-h) + 12px); }
@media (max-width: 768px){
  html{ scroll-padding-top: calc(var(--header-h-mobile) + 8px); }
}