/**
 * Shared design tokens for all event blocks.
 * Override these variables to restyle every event block at once.
 */
:root {
  /* --- Date badge (primary / standalone) --- */
  --btu-event-badge-bg: var(--wp--preset--color--primary);
  --btu-event-badge-color: var(--wp--preset--color--white, #fff);
  --btu-event-badge-radius: 0.375rem;

  /* --- Date badge (image overlay variant) --- */
  --btu-event-badge-overlay-bg: var(--wp--preset--color--white, #fff);
  --btu-event-badge-overlay-day: var(--wp--preset--color--dark, #1e293b);
  --btu-event-badge-overlay-month: var(--wp--preset--color--zinc-500);

  /* --- Event type pills / badges --- */
  --btu-event-pill-bg: var(--wp--preset--color--rose-50);
  --btu-event-pill-color: var(--wp--preset--color--rose-400);
  --btu-event-pill-radius: 9999px;

  /* --- Card container --- */
  --btu-event-card-bg: var(--wp--preset--color--white, #fff);
  --btu-event-card-border: var(--wp--preset--color--rose-100);
  --btu-event-card-hover-bg: var(--wp--preset--color--rose-50);

  /* --- CTA button --- */
  --btu-event-cta-bg:    var(--wp--preset--color--info, #3B82F6);
  --btu-event-cta-color: var(--wp--preset--color--white, #fff);

  /* --- Title --- */
  --btu-event-title-size: var(--wp--preset--font-size--lg, 1.25rem);
  --btu-event-accent-color: var(--wp--preset--color--primary);

  /* --- Body text --- */
  --btu-event-body-size: var(--wp--preset--font-size--sm, 0.875rem);
  --btu-event-body-color: var(--wp--preset--color--rose-950);

  /* --- Meta / secondary text (time, venue, labels) --- */
  --btu-event-meta-size: var(--wp--preset--font-size--xs, 0.75rem);
  --btu-event-meta-color: var(--wp--preset--color--rose-700);
  --btu-event-muted-color: var(--wp--preset--color--rose-400);
}