/* Design System de M2Seed — variables. Los valores salen de la web original. */
:root{
  color-scheme:light only;

  /* Marca */
  --marca:#B5008D;
  --marca-oscuro:#7C0061;
  --marca-2:#6EC3CD;
  --marca-2-tinta:#3E6E77;
  --tinta:#17242B;
  --bruma:#E9F4F6;
  --papel:#FFFFFF;
  --borde:#DDEBEE;
  --borde-fuerte:#CFE4E8;
  --suave:#F3CBE7;
  /* Texto sobre los colores de marca. No se elige: lo decide el contraste. */
  --sobre-marca:#FFFFFF;
  --sobre-marca-2:#101418;

  /* Tipografías */
  --f-display:"Bricolage Grotesque",system-ui,sans-serif;
  --f-texto:"Instrument Sans",system-ui,sans-serif;

  /* Espaciado */
  --space-1:4px;  --space-2:8px;  --space-3:12px; --space-4:16px;
  --space-5:24px; --space-6:32px; --space-7:48px; --space-8:64px;
  --space-9:96px;

  /* Radios y sombras */
  --radio:20px;
  --radio-sm:16px;
  --radio-pill:999px;
  --sombra:0 18px 40px rgba(23,36,43,.10);
  --sombra-sm:0 10px 24px rgba(23,36,43,.14);

  /* Anchos */
  --ancho:1040px;
  --medida:66ch;
}