/**
 * Más Capacitación — design tokens (scoped via .mascap-* usage).
 */
:root {
  --mascap-font-family: "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;

  --mascap-text-xs: 0.75rem;
  --mascap-text-sm: 0.875rem;
  --mascap-text-base: 1rem;
  --mascap-text-lg: 1.125rem;
  --mascap-text-xl: 1.375rem;
  --mascap-text-2xl: 1.75rem;
  --mascap-text-3xl: 2.125rem;

  --mascap-weight-normal: 400;
  --mascap-weight-medium: 500;
  --mascap-weight-semibold: 600;
  --mascap-weight-bold: 700;

  --mascap-space-1: 0.25rem;
  --mascap-space-2: 0.5rem;
  --mascap-space-3: 0.75rem;
  --mascap-space-4: 1rem;
  --mascap-space-5: 1.25rem;
  --mascap-space-6: 1.5rem;
  --mascap-space-8: 2rem;
  --mascap-space-10: 2.5rem;
  --mascap-space-12: 3rem;

  --mascap-radius-sm: 6px;
  --mascap-radius-md: 10px;
  --mascap-radius-lg: 14px;
  --mascap-radius-full: 999px;

  --mascap-color-bg: #f7f8fa;
  --mascap-color-surface: #ffffff;
  --mascap-color-surface-muted: #f0f2f5;
  --mascap-color-border: #e4e7ec;
  --mascap-color-border-subtle: #eef0f3;

  --mascap-color-text: #14181f;
  --mascap-color-text-secondary: #4a5565;
  --mascap-color-text-muted: #6b7280;

  --mascap-color-brand: #0b6e4f;
  --mascap-color-brand-hover: #095a41;
  --mascap-color-brand-soft: #e8f5f0;

  --mascap-color-accent: #1a56db;
  --mascap-color-accent-soft: #eff4ff;

  --mascap-color-progress-track: #e8eaed;
  --mascap-color-progress-fill: #0b6e4f;

  --mascap-color-state-not-started: #6b7280;
  --mascap-color-state-progress: #1a56db;
  --mascap-color-state-done: #0b6e4f;

  --mascap-shadow-sm: 0 1px 2px rgba(20, 24, 31, 0.04);
  --mascap-shadow-md: 0 4px 24px rgba(20, 24, 31, 0.06);

  --mascap-container-max: 1120px;
  --mascap-header-height: 72px;
}