/* Liens AGL — surcouche de marque sur shlink-web-client (charte agldesign, 01/11/2026).
   Clair : accent bleu #14467c, en-tête blanc dépoli, logo bleu, textes noirs.
   Sombre : accent or #d4af37, en-tête marine #0a2240, logo or, boutons or au texte marine. */
:root, :host {
  --color-lm-brand: #14467c;
  --color-lm-brand-dark: #0a2240;
  --color-lm-main: #14467c;
  --color-lm-text: #000;
  --color-lm-input-text: #000;
  --color-dm-brand: #d4af37;
  --color-dm-brand-dark: #b8962b;
  --color-dm-main: #0a2240;
}

/* Les couleurs compilées sont remplacées par appliquer.py ; ces variables couvrent les color-mix(). */
/* En-tête */
.agl-entete {
  background: rgba(255, 255, 255, .85) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-bottom: 2px solid #14467c;
  color: #000 !important;
}
.agl-entete a, .agl-entete button, .agl-entete span { color: #0a2240 !important; }
.agl-entete svg { color: #0a2240; }
.agl-entete .bg-lm-main { background: transparent !important; }
.agl-marque { gap: .6rem; }
.agl-logo { height: 34px; width: auto; display: block; }
.agl-logo-or { display: none; }
.agl-nom { font-weight: 600; letter-spacing: .02em; }

[data-theme=dark] .agl-entete {
  background: #0a2240 !important;
  border-bottom-color: #d4af37;
  color: #fff !important;
}
[data-theme=dark] .agl-entete a, [data-theme=dark] .agl-entete button, [data-theme=dark] .agl-entete span { color: #fff !important; }
[data-theme=dark] .agl-entete svg { color: #fff; }
[data-theme=dark] .agl-logo-bleu { display: none; }
[data-theme=dark] .agl-logo-or { display: block; }

/* Sombre : boutons et pastilles or, texte marine */
[data-theme=dark] .bg-lm-brand.text-white,
[data-theme=dark] .bg-lm-brand.\[\&\]\:text-white,
[data-theme=dark] .bg-lm-brand .text-white { color: #0a2240 !important; }