/**
 * Base Styles — Dimi Affiliate
 * Typography baseline, focus ring, reduced-motion.
 * Google Fonts are loaded via wp_enqueue_style (handle: dimi-affiliate-fonts).
 * Scoped to plugin containers — does not bleed into theme styles.
 */

/* Focus-visible ring — consistent across all interactive elements scoped to plugin */
.dimi-affiliate-dashboard-container :focus-visible,
.dimi-affiliate-admin :focus-visible {
  outline: 2px solid var(--di-primary);
  outline-offset: 2px;
  border-radius: var(--di-radius-sm);
}

.dimi-affiliate-dashboard-container {
  font-family: var(--di-font-body);
  color: var(--di-text);
  background: var(--di-bg);
}

.dimi-affiliate-dashboard-container h1,
.dimi-affiliate-dashboard-container h2,
.dimi-affiliate-dashboard-container h3,
.dimi-affiliate-dashboard-container h4 {
  font-family: var(--di-font-heading);
  font-weight: 600;
  color: var(--di-text);
}

/* Respect reduced-motion preference globally within plugin */
@media (prefers-reduced-motion: reduce) {
  .dimi-affiliate-dashboard-container *,
  .dimi-affiliate-admin * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}