/*
 * Cadence design tokens.
 *
 * Runtime fallback chain:
 * 1. Per-client override from wp_cadence_clients.branding_json.
 * 2. Site-level Cadence settings.
 * 3. Site design-token map (Branding -> Site design tokens) mapping to the
 *    host site's own CSS variables (e.g. --rx-*), resolved by the browser.
 * 4. Elementor active Kit globals: primary, secondary, text, accent, body background.
 * 5. Active theme settings/theme.json/custom_logo.
 * 6. Neutral hardcoded fallback (light or dark, auto-detected).
 *
 * The resolved values are injected inline on .cadence-dashboard so every
 * component below consumes only CSS custom properties.
 */
.cadence-dashboard {
  --eff-color-accent: #1a1a1a;
  --eff-color-accent-hover: #000000;
  --eff-color-accent-subtle: rgba(26, 26, 26, 0.1);
  --eff-color-bg: #fafafa;
  --eff-color-surface: #ffffff;
  --eff-color-border: #ececec;
  --eff-color-text: #1a1a1a;
  --eff-color-text-muted: #6b7280;
  --eff-color-success: #16a34a;
  --eff-color-danger: #dc2626;
  --eff-color-warning: #d97706;
  --eff-font-heading: inherit;
  --eff-font-body: inherit;
  --eff-space-1: 4px;
  --eff-space-2: 8px;
  --eff-space-3: 12px;
  --eff-space-4: 16px;
  --eff-space-5: 24px;
  --eff-space-6: 32px;
  --eff-space-7: 48px;
  --eff-space-8: 64px;
  --eff-color-surface-2: #fbfbfa;
  --eff-color-border-strong: #dbd8d1;
  --eff-color-text-dim: #a6a29a;
  --eff-radius-sm: 10px;
  --eff-radius-md: 14px;
  --eff-radius-lg: 18px;
  --eff-radius-pill: 999px;
  --eff-shadow-sm: 0 1px 2px rgba(20, 18, 14, 0.04), 0 1px 3px rgba(20, 18, 14, 0.06);
  --eff-shadow-md: 0 4px 16px rgba(20, 18, 14, 0.08);
  --eff-glow: none;
  --eff-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --eff-duration: 220ms;
  --eff-width: 1200px;
  --eff-gutter: 24px;
}