/* Momentto — identidad de marca (brandbook de Sofia Hotz)
 * Titulares: Karma. Se carga desde la propia web (funciona sin conexión) con size-adjust
 * para que ocupe lo mismo que la tipografía anterior y no se descoloque nada.
 * Texto: Galvji si el móvil la tiene (Apple), si no Jost, que es muy parecida.
 * Logo: /brand/logo.svg (vectorial, sacado del brandbook). Se pinta con el color del texto (mask).
 */
@font-face{font-family:'Momentto Serif';font-style:normal;font-weight:300;font-display:swap;size-adjust:90%;src:url(/shared/fonts/karma-latin-300-normal.woff2) format('woff2')}
@font-face{font-family:'Momentto Serif';font-style:normal;font-weight:400;font-display:swap;size-adjust:90%;src:url(/shared/fonts/karma-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Momentto Serif';font-style:normal;font-weight:500;font-display:swap;size-adjust:90%;src:url(/shared/fonts/karma-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Momentto Serif';font-style:normal;font-weight:600;font-display:swap;size-adjust:90%;src:url(/shared/fonts/karma-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Momentto Serif';font-style:normal;font-weight:700;font-display:swap;size-adjust:90%;src:url(/shared/fonts/karma-latin-700-normal.woff2) format('woff2')}

:root{
  --brand-cream:#F9F6F1;      /* Crema base */
  --brand-garnet:#6B1728;     /* Granate vino */
  --brand-terracotta:#9E6B5C; /* Terracota muted */
  --brand-earth:#6B3D30;      /* Tierra caliente */
  --brand-chocolate:#3A211B;  /* Chocolate profundo: textos */
  --brand-rose:#D8B2A9;       /* Rosa empolvado */
}

.mk-logo{
  display:inline-block; vertical-align:middle;
  height:1.3em; aspect-ratio:696 / 136;
  background-color:currentColor;
  -webkit-mask:url(/brand/logo.svg) center / contain no-repeat;
          mask:url(/brand/logo.svg) center / contain no-repeat;
}
.mk-logo-text{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0);}

/* Karma no tiene cursiva: el énfasis de los titulares va con color, en recto */
body h1 em, body h2 em, body .intro-title em{font-style:normal;}