:root {
  --lcdo-color-cream: #fdf8f1;
  --lcdo-color-surface: #fff;
  --lcdo-color-brown: #3d2817;
  --lcdo-color-text: #3a2e22;
  --lcdo-color-muted: #8a7a65;
  --lcdo-color-taupe: #d3c2af;
  --lcdo-color-taupe-light: #e2d4c1;
  --lcdo-color-rose: #b96a6a;
  --lcdo-color-burgundy: #7a3b3b;
  --lcdo-color-accent: #fd8774;
  --lcdo-color-border: #ede2cc;
  /* Typographie — points d'entrée uniques du site.
     Corps de texte : serif Lora. Titres : Cormorant Garamond.
     Ne jamais écrire une font-family en dur dans un composant :
     utiliser var(--lcdo-font-body) ou var(--lcdo-font-heading). */
  --lcdo-font-body: 'Lora', Georgia, 'Times New Roman', serif;
  --lcdo-font-heading: 'Cormorant Garamond', Georgia, serif;
  /* Alias historiques — conservés pour compatibilité, ne plus utiliser. */
  --lcdo-font-sans: var(--lcdo-font-body);
  --lcdo-font-serif: var(--lcdo-font-heading);
  --lcdo-radius-sm: 6px;
  --lcdo-radius-md: 10px;
  --lcdo-radius-lg: 16px;
  --lcdo-radius-pill: 999px;
  --lcdo-shadow-sm: 0 2px 12px rgba(61,40,23,.07);
  --lcdo-shadow-md: 0 8px 28px rgba(61,40,23,.12);
  --lcdo-content-width: 1400px;
  /* Alias conservés pour les premiers composants migrés. */
  --lcdo-cream: var(--lcdo-color-cream);
  --lcdo-brown: var(--lcdo-color-brown);
  --lcdo-rose: var(--lcdo-color-rose);
  --lcdo-burgundy: var(--lcdo-color-burgundy);
  --lcdo-border: var(--lcdo-color-border);
  --lcdo-shadow: var(--lcdo-shadow-md);
  --lcdo-radius: 14px;
}
.screen-reader-text { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
body.lcdo-overlay-open { overflow: hidden; }