/* ─── Espoirs du Mékong — Design tokens ─────────────────────────────
   Palette : ocre, terracotta, vert forêt, blanc cassé.
   Tokens additionnels (radius, shadows, espacements personnalisés)
   non couverts par theme.json. La majorité des couleurs et tailles
   est exposée via les CSS vars natives de WordPress (--wp--preset--*).
   ────────────────────────────────────────────────────────────────── */

:root {
  /* Alias de lisibilité (mappés sur les vars WP) ─────────────── */
  --paper:        var(--wp--preset--color--paper);
  --paper-warm:   var(--wp--preset--color--paper-warm);
  --paper-deep:   var(--wp--preset--color--paper-deep);
  --ink:          var(--wp--preset--color--ink);
  --ink-soft:     var(--wp--preset--color--ink-soft);
  --ink-mute:     var(--wp--preset--color--ink-mute);
  --line:         var(--wp--preset--color--line);
  --line-strong:  var(--wp--preset--color--line-strong);
  --ochre:        var(--wp--preset--color--ochre);
  --ochre-deep:   var(--wp--preset--color--ochre-deep);
  --terracotta:   var(--wp--preset--color--terracotta);
  --terracotta-deep: var(--wp--preset--color--terracotta-deep);
  --forest:       var(--wp--preset--color--forest);
  --forest-deep:  var(--wp--preset--color--forest-deep);
  --sand:         var(--wp--preset--color--sand);
  --rose-clay:    var(--wp--preset--color--rose-clay);

  --primary:      var(--terracotta);
  --primary-deep: var(--terracotta-deep);
  --accent:       var(--ochre);
  --ground:       var(--forest);

  /* Type ─────────────────────────────────────────────────────── */
  --font-display: var(--wp--preset--font-family--display);
  --font-ui:      var(--wp--preset--font-family--ui);

  /* Espacements (alias) ─────────────────────────────────────── */
  --sp-1: var(--wp--preset--spacing--10);
  --sp-2: var(--wp--preset--spacing--20);
  --sp-3: var(--wp--preset--spacing--30);
  --sp-4: var(--wp--preset--spacing--40);
  --sp-5: var(--wp--preset--spacing--50);
  --sp-6: var(--wp--preset--spacing--60);
  --sp-7: var(--wp--preset--spacing--70);
  --sp-8: var(--wp--preset--spacing--80);
  --sp-9: var(--wp--preset--spacing--90);
  --sp-10: var(--wp--preset--spacing--100);

  /* Radius ─────────────────────────────────────────────────── */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-xl: 32px;
  --radius-pill: 999px;

  /* Élévation ─────────────────────────────────────────────── */
  --elev-1: 0 1px 2px rgba(58, 40, 12, .04), 0 4px 14px rgba(58, 40, 12, .06);
  --elev-2: 0 6px 16px rgba(58, 40, 12, .08), 0 14px 32px rgba(58, 40, 12, .10);
  --elev-3: 0 16px 40px rgba(58, 40, 12, .14);

  /* Layout ────────────────────────────────────────────────── */
  --container: 1240px;
  --container-narrow: 920px;
}