:root{
  /* Layout */
  --header: 64px; --overlap: 28vh; --max: 1200px; --g: 24px;

  /* Couleurs */
  --ink:#f5efe6; --muted:#cfc7b6; --gold:#c9a86a; --ink-dark:#2a1f1a;

  /* Fond */
  --bg-base: 26,26,28;   --bg-alpha: 1;
  --bg-color: rgba(var(--bg-base), var(--bg-alpha));
  --bg-noise-strength: .03;

  /* Titres */
  --h2-color: var(--gold);

  /* Titre image (si utilisé) */
  --title-logo-max-w: 1200px;
  --title-logo-max-h: 320px;
}

/* Thèmes rapides (chaînables avec bg-translucent) */
body.bg-dark{  --bg-base:15,15,16; --bg-alpha:1; --bg-color: rgba(var(--bg-base), var(--bg-alpha)); --bg-noise-strength:.02 }
body.bg-medium{--bg-base:26,26,28; --bg-alpha:1; --bg-color: rgba(var(--bg-base), var(--bg-alpha)); --bg-noise-strength:.03 }
body.bg-light{ --bg-base:34,34,36; --bg-alpha:1; --bg-color: rgba(var(--bg-base), var(--bg-alpha)); --bg-noise-strength:.05 }
body.bg-translucent{ --bg-alpha:.88; --bg-color: rgba(var(--bg-base), var(--bg-alpha)) }

/* Bascule logo image pour la marque (header) */
body.use-image-logo .brand-text{ display:none }
body.use-image-logo .brand-img{ display:block }