:root{
  /* Map to WP preset colors */
  --ceiba-color-primary: var(--wp--preset--color--ceiba-navy, #23345d);
  --ceiba-color-accent:  var(--wp--preset--color--ceiba-green, #45ad58);
  --ceiba-color-bg:      var(--wp--preset--color--bg, #ffffff);
  --ceiba-color-ink:     var(--wp--preset--color--ink, #333333);

  /* Accessibility-friendly semantic colors */
  --ceiba-color-accent-text: #000000; /* black text on green surfaces */
  --ceiba-color-accent-link: #358644; /* darker green for links on white (AA) */

  /* Radii / elevation */
  --ceiba-radius-sm: 8px;
  --ceiba-radius-md: 12px;
  --ceiba-shadow-1: 0 1px 2px rgba(0,0,0,.04);

  /* Spacing mapped to WP presets */
  --ceiba-space-xs: var(--wp--preset--spacing--xs, .5rem);
  --ceiba-space-s:  var(--wp--preset--spacing--s,  .75rem);
  --ceiba-space-m:  var(--wp--preset--spacing--m,  1rem);
  --ceiba-space-l:  var(--wp--preset--spacing--l,  1.5rem);
  --ceiba-space-xl: var(--wp--preset--spacing--xl, 2rem);
  --ceiba-space-xxl:var(--wp--preset--spacing--xxl,3rem);

  /* Typography */
  --ceiba-font-ui: var(--wp--preset--font-family--ui, -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,Helvetica,Arial,sans-serif);
  --ceiba-font-weight-strong: 700;

  /* Semantic CTAs */
  --ceiba-cta-bg:        var(--ceiba-color-primary);
  --ceiba-cta-text:      var(--ceiba-color-bg);
  --ceiba-cta-bg--alt:   var(--ceiba-color-accent);
  --ceiba-cta-text--alt: var(--ceiba-color-accent-text);
}