/**
 * L'obstétricien — Alias de rétrocompatibilité (étape 1 de la refonte, nov. 2026)
 *
 * Pourquoi : la palette et l'échelle typographique de theme.json ont été
 * dédoublonnées. Les anciens noms restent utilisés dans des centaines
 * d'articles déjà publiés (classes has-xxx-* enregistrées en base) et dans
 * certains patterns. Ce fichier les fait pointer vers les nouveaux tokens :
 * rien ne casse, et l'éditeur ne propose plus que les valeurs officielles.
 *
 * Correspondances :
 *   Couleurs  surface → base · cream → surface-cream · secondary-light → surface-mint
 *             secondary-subtle → surface-subtle · text-muted → muted
 *             primary-light et border-light : valeur d'origine conservée (non utilisées dans le thème)
 *   Tailles   small → sm · medium → md · large → lg · x-large → xl
 *             xxl → 4x-large · 5x-large → 4x-large (H1 harmonisé)
 *
 * À retirer seulement quand plus aucun contenu n'utilise ces classes.
 */

:root,
.editor-styles-wrapper {
  /* Couleurs */
  --wp--preset--color--surface: var(--wp--preset--color--base);
  --wp--preset--color--cream: var(--wp--preset--color--surface-cream);
  --wp--preset--color--secondary-light: var(--wp--preset--color--surface-mint);
  --wp--preset--color--secondary-subtle: var(--wp--preset--color--surface-subtle);
  --wp--preset--color--text-muted: var(--wp--preset--color--muted);
  --wp--preset--color--primary-light: #1C683B;
  --wp--preset--color--border-light: #F1F5F2;

  /* Tailles */
  --wp--preset--font-size--small: var(--wp--preset--font-size--sm);
  --wp--preset--font-size--medium: var(--wp--preset--font-size--md);
  --wp--preset--font-size--large: var(--wp--preset--font-size--lg);
  --wp--preset--font-size--x-large: var(--wp--preset--font-size--xl);
  --wp--preset--font-size--xxl: var(--wp--preset--font-size--4-x-large);
  --wp--preset--font-size--5-x-large: var(--wp--preset--font-size--4-x-large);
}

/* Classes utilitaires générées autrefois par WordPress pour ces slugs.
   !important : même priorité que les classes natives has-* de WordPress. */
.has-surface-color { color: var(--wp--preset--color--surface) !important; }
.has-surface-background-color { background-color: var(--wp--preset--color--surface) !important; }
.has-surface-border-color { border-color: var(--wp--preset--color--surface) !important; }

.has-cream-color { color: var(--wp--preset--color--cream) !important; }
.has-cream-background-color { background-color: var(--wp--preset--color--cream) !important; }
.has-cream-border-color { border-color: var(--wp--preset--color--cream) !important; }

.has-secondary-light-color { color: var(--wp--preset--color--secondary-light) !important; }
.has-secondary-light-background-color { background-color: var(--wp--preset--color--secondary-light) !important; }
.has-secondary-light-border-color { border-color: var(--wp--preset--color--secondary-light) !important; }

.has-secondary-subtle-color { color: var(--wp--preset--color--secondary-subtle) !important; }
.has-secondary-subtle-background-color { background-color: var(--wp--preset--color--secondary-subtle) !important; }
.has-secondary-subtle-border-color { border-color: var(--wp--preset--color--secondary-subtle) !important; }

.has-text-muted-color { color: var(--wp--preset--color--text-muted) !important; }
.has-text-muted-background-color { background-color: var(--wp--preset--color--text-muted) !important; }
.has-text-muted-border-color { border-color: var(--wp--preset--color--text-muted) !important; }

.has-primary-light-color { color: var(--wp--preset--color--primary-light) !important; }
.has-primary-light-background-color { background-color: var(--wp--preset--color--primary-light) !important; }
.has-primary-light-border-color { border-color: var(--wp--preset--color--primary-light) !important; }

.has-border-light-color { color: var(--wp--preset--color--border-light) !important; }
.has-border-light-background-color { background-color: var(--wp--preset--color--border-light) !important; }
.has-border-light-border-color { border-color: var(--wp--preset--color--border-light) !important; }

.has-small-font-size { font-size: var(--wp--preset--font-size--small) !important; }
.has-medium-font-size { font-size: var(--wp--preset--font-size--medium) !important; }
.has-large-font-size { font-size: var(--wp--preset--font-size--large) !important; }
.has-x-large-font-size { font-size: var(--wp--preset--font-size--x-large) !important; }
.has-xxl-font-size { font-size: var(--wp--preset--font-size--xxl) !important; }
.has-5-x-large-font-size { font-size: var(--wp--preset--font-size--5-x-large) !important; }