/* micasagestion — design tokens */
:root {
  /* Marca */
  --mcg-blue-600: #2563EB;   /* principal: botones, enlaces, marca */
  --mcg-blue-700: #1D4ED8;   /* hover / pressed */
  --mcg-blue-400: #7FA8FF;   /* texto de marca sobre fondo oscuro */
  --mcg-blue-100: #EAF1FF;   /* fondos de tarjeta, chips, secciones alternas */
  --mcg-navy-900: #0B1B3A;   /* texto principal, fondos oscuros */
  --mcg-amber-400: #FBBF24;  /* acento: etiquetas, destacados (texto encima: navy) */

  /* Neutros */
  --mcg-bg: #FFFFFF;
  --mcg-bg-soft: #F6F8FC;
  --mcg-border: #E2E8F0;
  --mcg-text: #0B1B3A;
  --mcg-text-muted: #5B6B85;

  /* Estado */
  --mcg-success: #16A34A;
  --mcg-danger: #DC2626;

  /* Tipografía */
  --mcg-font: "Inter", "SF Pro Display", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mcg-font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* Forma */
  --mcg-radius-sm: 8px;
  --mcg-radius-md: 12px;
  --mcg-radius-lg: 20px;
  --mcg-shadow-sm: 0 1px 2px rgba(11, 27, 58, .06), 0 1px 3px rgba(11, 27, 58, .08);
  --mcg-shadow-md: 0 8px 24px rgba(11, 27, 58, .10);
}