/* MasInfoDe Design System — Fundación v1.0.13 — Tokens */
:root {
  --mid-primary: #1d4ed8;
  --mid-primary-hover: #1e40af;
  --mid-primary-soft: #dbeafe;
  --mid-background: #f8fafc;
  --mid-surface: #ffffff;
  --mid-surface-muted: #f1f5f9;
  --mid-border: #e2e8f0;
  --mid-border-strong: #cbd5e1;
  --mid-text: #0f172a;
  --mid-text-muted: #64748b;
  --mid-text-faint: #94a3b8;
  --mid-success: #16a34a;
  --mid-success-soft: #dcfce7;
  --mid-warning: #d97706;
  --mid-warning-soft: #fef3c7;
  --mid-danger: #dc2626;
  --mid-danger-soft: #fee2e2;
  --mid-info: #0284c7;
  --mid-info-soft: #e0f2fe;
  --mid-radius: 10px;
  --mid-radius-lg: 14px;
  --mid-radius-sm: 6px;
  --mid-shadow: 0 1px 3px rgba(15,23,42,.08), 0 4px 12px rgba(15,23,42,.06);
  --mid-shadow-lg: 0 8px 30px rgba(15,23,42,.12);
  --mid-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  --mid-font-heading: Inter, ui-sans-serif, system-ui, sans-serif;
  --mid-page-max-width: 1100px;
}
/* Reset mínimo dentro de .mid-app */
.mid-app, .mid-app * { box-sizing: border-box; }
.mid-app { font-family: var(--mid-font-sans); color: var(--mid-text); background: var(--mid-background); line-height: 1.5; -webkit-font-smoothing: antialiased; }