/* =========================================================
   Habillage TÀP — direction B · Crème (LouisJo)
   Chargé en dernier : titrage Anton, règles de contraste de la charte.
   Charte : orange sur bourgogne interdit → sur fond bourgogne, l'accent passe en crème.
   ========================================================= */

body { font-variant-numeric: tabular-nums; }
table { font-variation-settings: 'wdth' 92; }

/* ---------- Titrage Anton (titres et grands chiffres) ---------- */
.lj-page__title,
.lj-hero__title,
.lj-clienthero__title,
.lj-brandhead__name,
.lj-modal__title,
.lj-eyebrow-row h3 {
  font-family: var(--font-titre);
  font-weight: 400;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  line-height: 1;
}
.lj-stat__val,
.lj-hero__num-val,
.lj-hl__num,
.lj-clienthero__num-val {
  font-family: var(--font-titre);
  font-weight: 400;
  letter-spacing: 0.01em;
}

/* ---------- Menu latéral bourgogne : jamais d'orange ---------- */
.lj-brand__name em { color: var(--luijo-cream); }
.lj-nav__item--active { box-shadow: inset 3px 0 0 var(--luijo-cream); }
.lj-userchip__av { background: var(--luijo-cream); color: var(--luijo-burgundy); }

/* ---------- Bandeaux bourgogne : accent crème ---------- */
.lj-hero__eyebrow { color: var(--luijo-sand); }
.lj-hero__title em { color: #FFFFFF; text-decoration: underline; text-decoration-color: var(--luijo-sand);
  text-underline-offset: 6px; text-decoration-thickness: 3px; }
.lj-hero__num { border-left-color: var(--luijo-sand); }
.lj-brandhead__av { background: var(--luijo-cream); color: var(--luijo-burgundy); }

/* ---------- Logo TÀP ---------- */
.tap-logo { display: block; height: 30px; width: auto; }
.tap-logo--auth { height: 44px; margin: 0 auto; }
.tap-produit {
  font: 400 15px/1 var(--font-titre);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--luijo-sand);
  margin-top: 6px;
}
.tap-produit--auth { color: var(--luijo-burgundy); font-size: 18px; margin-top: 12px; }

/* Boutons sur bandeau bourgogne : orange interdit → crème, texte bourgogne */
.lj-hero .lj-btn--accent,
.lj-brandhead .lj-btn--accent,
.lj-card--burgundy .lj-btn--accent { background: var(--luijo-sand); color: var(--luijo-burgundy); }
.lj-hero .lj-btn--accent:hover,
.lj-brandhead .lj-btn--accent:hover,
.lj-card--burgundy .lj-btn--accent:hover { background: #FFFFFF; }