/* ==========================================================================
   PORTALIS — Jetons de marque + surcharge des variables Bootstrap 5.3
   Aucun Sass : uniquement des variables CSS natives (custom properties).
   Ce fichier doit être chargé APRÈS bootstrap.min.css.
   ========================================================================== */

:root{
  /* ---- Jetons de marque (namespace --portalis-*) ---- */
  --portalis-ink:        #15171B;   /* texte principal, anthracite */
  --portalis-ink-2:      #5B6068;   /* texte secondaire */
  --portalis-ink-3:      #8B8F96;   /* texte tertiaire / légendes */
  --portalis-paper:      #FFFFFF;   /* fond principal */
  --portalis-paper-2:    #F1F2F4;   /* fond alterné, gris froid */
  --portalis-line:       #E0E2E6;   /* séparations, gris froid */
  --portalis-line-strong:#C9CCD1;
  --portalis-accent:     #3E6493;   /* bleu de marque (logo) */
  --portalis-accent-2:   #799EC3;   /* bleu de marque clair */
  --portalis-accent-deep:#2A4A70;
  --portalis-graph:      #1B1D22;   /* anthracite — grands aplats */
  --portalis-graph-2:    #24262C;
  --portalis-graph-3:    #2E3138;
  --portalis-line-dark:  #3A3D44;
  --portalis-on-dark:    #F2F3F5;
  --portalis-on-dark-2:  #9CA0A8;

  --portalis-font-display:'Archivo', 'Segoe UI', system-ui, -apple-system, Arial, sans-serif;
  --portalis-font-sans:   'Archivo', 'Segoe UI', system-ui, -apple-system, Arial, sans-serif;
  --portalis-font-mono:   'IBM Plex Mono', 'SFMono-Regular', Consolas, monospace;

  --portalis-radius: 2px;           /* rayon de bordure du site : volontairement net, pas arrondi */
  --portalis-gut: clamp(20px, 4vw, 48px);
  --portalis-hdr-u: 34px;           /* hauteur du bandeau utilitaire */
  --portalis-hdr-m: 64px;           /* hauteur de la barre principale */

  /* ---- Surcharge des variables Bootstrap 5.3 (mode clair) ---- */
  --bs-body-font-family: var(--portalis-font-sans);
  --bs-body-bg: var(--portalis-paper);
  --bs-body-color: var(--portalis-ink);
  --bs-emphasis-color: var(--portalis-ink);
  --bs-secondary-color: var(--portalis-ink-2);
  --bs-heading-color: var(--portalis-ink);

  --bs-primary: var(--portalis-ink);
  --bs-primary-rgb: 21, 23, 27;
  --bs-secondary: var(--portalis-accent);
  --bs-secondary-rgb: 62, 100, 147;
  --bs-light: var(--portalis-paper-2);
  --bs-light-rgb: 241, 242, 244;
  --bs-dark: var(--portalis-graph);
  --bs-dark-rgb: 27, 29, 34;

  --bs-link-color-rgb: 62, 100, 147;
  --bs-link-hover-color-rgb: 42, 74, 112;
  --bs-link-decoration: none;

  --bs-border-color: var(--portalis-line);
  --bs-border-color-translucent: var(--portalis-line);
  --bs-border-radius: var(--portalis-radius);
  --bs-border-radius-sm: var(--portalis-radius);
  --bs-border-radius-lg: var(--portalis-radius);
  --bs-border-radius-xl: var(--portalis-radius);
  --bs-border-radius-2xl: var(--portalis-radius);
  --bs-border-radius-pill: var(--portalis-radius);

  --bs-font-sans-serif: var(--portalis-font-sans);
  --bs-body-font-size: 1.0625rem;
  --bs-body-line-height: 1.65;

  --bs-btn-border-radius: var(--portalis-radius);
  --bs-btn-font-family: var(--portalis-font-mono);
  --bs-btn-font-size: .82rem;
  --bs-btn-font-weight: 600;

  --bs-navbar-color: var(--portalis-ink-2);
  --bs-navbar-hover-color: var(--portalis-ink);
  --bs-navbar-active-color: var(--portalis-ink);

  color-scheme: light;
}

/* Sections sombres : on bascule le "color mode" de Bootstrap 5.3 localement.
   Ajouter data-bs-theme="dark" sur tout conteneur qui doit utiliser ce jeu de variables
   (le header technique, le hero, la section Expertises, le footer, etc. — voir templates). */
[data-bs-theme="dark"]{
  --bs-body-bg: var(--portalis-graph);
  --bs-body-color: var(--portalis-on-dark);
  --bs-emphasis-color: #fff;
  --bs-secondary-color: var(--portalis-on-dark-2);
  --bs-heading-color: #fff;
  --bs-border-color: var(--portalis-line-dark);
  --bs-link-color-rgb: 121, 158, 195;
  --bs-link-hover-color-rgb: 255, 255, 255;
  --bs-navbar-color: var(--portalis-on-dark-2);
  --bs-navbar-hover-color: #fff;
  --bs-navbar-active-color: #fff;
}

/* Automatic system dark mode is disabled. Dark surfaces are opt-in through
   explicit data-bs-theme="dark" sections in the templates. */