/* Couleurs de marque avant le premier rendu. Les utilitaires Tailwind
   lisent ces variables ; sans ce fichier, le vert d'origine flashe. */
:root {
  --color-green-50: #f4f9fc;
  --color-green-100: #e7f3fa;
  --color-green-200: #c5e4f4;
  --color-green-300: #8ecae6;
  --color-green-400: #4aa3d8;
  --color-green-500: #2b8bc4;
  --color-green-600: #1f7eb8;
  --color-green-700: #1a6a9a;
  --color-green-800: #164e73;
  --color-green-900: #12384f;
  --color-emerald-50: #f4f9fc;
  --color-emerald-500: #2b8bc4;
  --cj-green: #1a6a9a;
  --cj-green-dark: #12384f;
  --cj-green-light: #f4f9fc;
  --cj-success: #1f7eb8;
}

/* Le HTML statique du panier dit « vuoto » jusqu'au runtime. */
html.vl-hold-main main > :not(#runtime-cart-root) {
  visibility: hidden !important;
}
html.vl-hold-main body::before {
  content: "";
  position: fixed;
  left: 50%;
  top: 42%;
  width: 28px;
  height: 28px;
  margin: -14px 0 0 -14px;
  border-radius: 50%;
  border: 3px solid #c5e4f4;
  border-top-color: #1a6a9a;
  animation: vl-spin 0.7s linear infinite;
  z-index: 40;
}
@keyframes vl-spin {
  to { transform: rotate(360deg); }
}
html[data-runtime-mounted="1"] main {
  visibility: visible !important;
}
html[data-runtime-mounted="1"] body::before,
html[data-runtime-mounted="1"] body::after {
  display: none !important;
  content: none !important;
  animation: none !important;
}