/* =========================================================
   bootstrap_barrio_giguellerie — 00-variables.css
   Tokens/variables globales
   ========================================================= */

:root {
  --bs-primary: #6BA120;
  --bs-primary-rgb: 107, 161, 32;
  --bs-secondary: #8DB359;
  --bs-secondary-rgb: 141, 179, 89;
  --bs-link-color: #6BA120;
  --bs-link-color-rgb: 107, 161, 32;
  --bs-link-hover-color: #458210;

  --bootstrap_barrio_giguellerie-vert-mousse: #8db359;
  --bootstrap_barrio_giguellerie-vert-herbe: #6ba120;
  --bootstrap_barrio_giguellerie-vert-prairie: #458210;
  --bootstrap_barrio_giguellerie-vert-foret: #2e5d0e;
  --bootstrap_barrio_giguellerie-vert-feuillage: #153604;

  --bootstrap_barrio_giguellerie-gris-noir: #405767;
  --bootstrap_barrio_giguellerie-gris-fonce: #405767;
  --bootstrap_barrio_giguellerie-gris-moyen: #818e96;
  --bootstrap_barrio_giguellerie-gris-clair: #b3b8bc;

  --header-bg-scrolled: rgba(255,255,255,.95);
  --header-fg-light: #fff;
  --header-fg-dark: #111;
  --header-fg-theme: var(--bs-primary);

  --header-shadow-on-light: 0 2px 10px rgba(0,0,0,.55);
  --header-shadow-on-dark:  0 2px 10px rgba(255,255,255,.55);
  --header-shadow-on-theme: 0 2px 10px rgba(180,180,180,.25);
  --header-text-shadow: var(--header-shadow-on-dark);

  --swiper-pagination-color: #6ba120;
  --swiper-theme-color: #6ba120;

  --bbg-right-gap: 1rem;
  --header-offset: 80px;

  /* Documentation, ne pas utiliser ces variables dans @media() */
  --bbg-breakpoint-sm: 576px;
  --bbg-breakpoint-md: 768px;
  --bbg-breakpoint-lg: 992px;
  --bbg-breakpoint-xl: 1200px;
  --bbg-breakpoint-xxl: 1400px;

  --bbg-navbar-breakpoint: 1200px; /* navbar-expand-xl */

}