/**
 * LMO design tokens.
 *
 * Doel:
 * - Centrale CSS-variabelen voor consistente vormgeving.
 * - Vormgeving/Homepage vult deze waarden dynamisch vanuit WordPress options.
 */
:root {
  --lmo-color-primary: #2f6f5e;
  --lmo-color-accent: #d98859;
  --lmo-color-background: #f7f0e6;
  --lmo-color-surface: #ffffff;
  --lmo-color-text: #24332f;
  --lmo-color-muted: #66746f;
  --lmo-font-heading: "Fraunces", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --lmo-font-body: "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --lmo-font-heading-weight: 700;
  --lmo-font-body-weight: 400;
  --lmo-radius-card: 24px;
  --lmo-radius-button: 999px;
  --lmo-space-xs: 0.5rem;
  --lmo-space-sm: 0.75rem;
  --lmo-space-md: 1rem;
  --lmo-space-lg: 1.5rem;
  --lmo-space-xl: 2.5rem;
  --lmo-content-width: 1120px;
  --lmo-mobile-margin: 16px;
  --lmo-shadow-card: 0 18px 48px rgba(36, 51, 47, 0.10);
  --lmo-kicker-display: block;
}