/**
 * Tokens — alias courts et ergonomiques vers les presets générés par theme.json.
 * Source de vérité = theme.json. On ne redéfinit JAMAIS une couleur/typo ici,
 * on se contente d'aliaser les variables --wp--preset--* / --wp--custom--*.
 *
 * Breakpoints (non variabilisables en @media) — convention projet :
 *   tablette : 768px   |   desktop : 1024px   |   wide : 1200px
 */

:root {
  /* Couleurs */
  --c-brand: var(--wp--preset--color--terre-rouge);
  --c-brand-deep: var(--wp--preset--color--terre-rouge-fonce);
  --c-ocre: var(--wp--preset--color--ocre);
  --c-brun: var(--wp--preset--color--brun);
  --c-bg: var(--wp--preset--color--creme);
  --c-surface: var(--wp--preset--color--creme-clair);
  --c-sable: var(--wp--preset--color--sable);
  --c-ink: var(--wp--preset--color--encre);
  --c-ink-soft: var(--wp--preset--color--encre-doux);
  --c-night: var(--wp--preset--color--nuit);
  --c-on-dark: var(--wp--preset--color--blanc);

  /* Typographie */
  --font-display: var(--wp--preset--font-family--display);
  --font-sans: var(--wp--preset--font-family--sans);

  /* Espacement */
  --space-xs: var(--wp--preset--spacing--10);
  --space-s: var(--wp--preset--spacing--20);
  --space-m: var(--wp--preset--spacing--30);
  --space-l: var(--wp--preset--spacing--40);
  --space-xl: var(--wp--preset--spacing--50);
  --space-2xl: var(--wp--preset--spacing--60);

  /* Rayons / ombres / overlays / transitions */
  --radius-sm: var(--wp--custom--radius--sm);
  --radius-md: var(--wp--custom--radius--md);
  --radius-lg: var(--wp--custom--radius--lg);
  --radius-pill: var(--wp--custom--radius--pill);
  --shadow-card: var(--wp--custom--shadow--card);
  --shadow-soft: var(--wp--custom--shadow--soft);
  --overlay-hero: var(--wp--custom--overlay--hero);
  --overlay-card: var(--wp--custom--overlay--card);
  --transition: var(--wp--custom--transition);

  /* Largeurs de contenu (miroir theme.json layout) */
  --content-width: 768px;
  --wide-width: 1200px;
}