/* ============================================================
   GENERADO por scripts/tokens-build.js — NO EDITAR A MANO.
   Fuente de verdad: design/tokens.json
   Para cambiar el tema: editar el JSON y correr `node scripts/tokens-build.js`.
   Tema activo: grayscale.
   ============================================================ */
:root {
  --color-bg: #f8fafc;
  --color-surface: #ffffff;
  --color-surface-alt: #f1f5f9;
  --color-border: #cbd5e1;
  --color-border-focus: #2563eb;
  --color-text-primary: #1e293b;
  --color-text-secondary: #475569;
  --color-text-muted: #64748b;
  --color-text-disabled: #94a3b8;
  --color-text-inverse: #ffffff;
  /* Títulos de sección/tarjeta en azul (identidad). El texto de párrafo sigue en text-primary. */
  --color-text-heading: #1e40af;
  --color-action: #2563eb;
  --color-action-hover: #1d4ed8;
  --color-action-text: #ffffff;
  --color-action-ghost-border: #cbd5e1;
  --color-action-ghost-text: #1d4ed8;
  --color-success: #334155;
  --color-success-bg: #e2e8f0;
  --color-warning: #475569;
  --color-warning-bg: #f1f5f9;
  --color-error: #1e293b;
  --color-error-bg: #e2e8f0;
  --color-info: #1d4ed8;
  --color-info-bg: #eff6ff;
  /* ÚNICA excepción de color a la escala neutra. Reservado SOLO para violación de restricción de presupuesto (CBA). No usar para estados informativos. */
  --color-validation-error: #c0392b;
  --color-validation-error-bg: #fbeae8;
  /* Navy de la barra/chrome institucional (header, sidebar). */
  --color-institutional: #172554;
  --color-institutional-text: #ffffff;
  --color-step-done: #1d4ed8;
  --color-step-active: #1d4ed8;
  --color-step-pending: #cbd5e1;
  --color-step-text-done: #ffffff;
  --color-step-text-active: #ffffff;
  --color-step-text-pending: #94a3b8;
  /* Badge categórico 'Cosecha' (sector primario). Texto sobre cat-cosecha-bg. */
  --color-cat-cosecha: #15803d;
  --color-cat-cosecha-bg: #dcfce7;
  /* Badge categórico 'Impacto' (dato económico). Texto sobre cat-impacto-bg. */
  --color-cat-impacto: #92400e;
  --color-cat-impacto-bg: #fef3c7;
  /* Badge categórico 'Procesamiento' (sector secundario). Texto sobre cat-proceso-bg. */
  --color-cat-proceso: #1d4ed8;
  --color-cat-proceso-bg: #eff6ff;
  /* Velo detrás de un diálogo modal. No es una superficie: nunca usar como fondo de contenido. */
  --color-scrim: rgba(15,23,42,.45);
  --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-size-xs: 11px;
  --font-size-sm: 13px;
  --font-size-md: 14.5px;
  --font-size-lg: 17px;
  --font-size-xl: 20px;
  --font-size-display: 28px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-full: 99px;
  --shadow-card: 0 4px 12px rgba(15,23,42,.06);
  --shadow-sidebar: 0 4px 12px rgba(15,23,42,.03);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
}