/* MioSyst — design tokens. Fuente de verdad: SKILL.md */
:root {
  /* Marca */
  --ms-blue: #3294FA;          /* inicio del degradé; solo texto grande / gráficos */
  --ms-blue-strong: #3350EB;   /* azul accesible: enlaces y texto sobre claro (AA) */
  --ms-violet: #6351FB;        /* acento principal: CTA, destacados (AA sobre blanco) */
  --ms-teal: #2DD4BF;          /* acento de apoyo sobre oscuro: estados activos, métricas, detalles */
  --ms-teal-deep: #0F766E;     /* versión para texto/íconos sobre claro (AA) */
  --ms-gradient: linear-gradient(135deg, #3294FA 0%, #3350EB 50%, #6351FB 100%);

  /* Neutros */
  --ms-ink: #0B1220;           /* primario oscuro: fondos oscuros y texto base */
  --ms-ink-soft: #1E293B;      /* superficies sobre fondo oscuro */
  --ms-paper: #FFFFFF;         /* primario claro */
  --ms-mist: #F5F7FB;          /* fondos secundarios claros */
  --ms-border: #E2E8F0;        /* bordes y divisores */
  --ms-muted: #64748B;         /* texto atenuado (AA sobre blanco) */

  /* Tipografía */
  --ms-font-heading: "Sora", "Montserrat", Arial, sans-serif;
  --ms-font-body: "Inter", Arial, sans-serif;
}