/* MiPlanEstudio 1.2: aprobación 2026-09-09. Valores en sRGB. */
@font-face { font-family: 'Plus Jakarta Sans'; src: url('fuentes/plus-jakarta-sans-latin.woff2') format('woff2'); font-weight: 400 700; font-style: normal; font-display: swap; }
:root {
  --mpe-font: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --mpe-brand: #6554C0;
  --mpe-brand-hover: #51419E;
  --mpe-background: #FBF9F5;
  --mpe-surface: #FFFFFF;
  --mpe-accent: #C9DBF1;
  --mpe-lavender: #EEEAF8;
  --mpe-ink: #262238;
  --mpe-muted: #635E73;
  --mpe-control: #8C859A;
  --mpe-line: #E7E3EC;
  --mpe-info: #2E5AAC;
  --mpe-info-bg: #EDF2FC;
  --mpe-warning: #8A5200;
  --mpe-warning-bg: #FFF4D6;
  --mpe-error: #B3374B;
  --mpe-error-bg: #FCECEF;
  --mpe-success: #216B4F;
  --mpe-success-bg: #EAF5EF;
  --mpe-disabled-bg: #F1EEF3;
  --mpe-space-4: 4px;
  --mpe-space-8: 8px;
  --mpe-space-12: 12px;
  --mpe-space-16: 16px;
  --mpe-space-24: 24px;
  --mpe-space-32: 32px;
  --mpe-space-48: 48px;
  --mpe-space-64: 64px;
  --mpe-radius-card: 16px;
  --mpe-radius-button: 12px;
  --mpe-radius-field: 10px;
  --mpe-radius-chip: 999px;
  --mpe-control-height: 44px;
  --mpe-motion: 160ms;
}
@media (prefers-reduced-motion: reduce) { :root { --mpe-motion: 0ms; } }
/* Aplicar foco visible a controles reales. En fondos oscuros, usar un anillo blanco. */
.mpe-focus:focus-visible { outline: 3px solid var(--mpe-brand); outline-offset: 4px; }