/* components/paragraph/paragraph.css — Paragraph (doc, Componentes > Paragraph). Se carga después de style.css. */
@layer ms.system, ms.theme, ms.attributes;

@layer ms.system {
  /* Alias: valor por defecto; un Tema lo cambia en ms.theme */
  :root {
    --ms-paragraphTextStyle_family: var(--ms-textStyle_bodyM_family);
    --ms-paragraphTextStyle_size: var(--ms-textStyle_bodyM_size);
    --ms-paragraphTextStyle_lineHeight: var(--ms-textStyle_bodyM_lineHeight);
    --ms-paragraphTextStyle_weight: var(--ms-textStyle_bodyM_weight);
  }

  /* Paragraph */
  .ms-paragraph, .ms-text-block :where(p:not([class^="ms-"], [class*=" ms-"]), li:not([class^="ms-"], [class*=" ms-"])) {
    margin: 0;
    /* La opacidad de párrafo la elige el Tema (opacityRole_paragraph); en Low y sobre imagen es 100 % */
    color: color-mix(in oklab, var(--ms-color_content) var(--ms-opacityRole_paragraph), transparent);
    font-family: var(--ms-paragraphTextStyle_family); font-size: var(--ms-paragraphTextStyle_size); line-height: var(--ms-paragraphTextStyle_lineHeight); font-weight: var(--ms-paragraphTextStyle_weight);
  }
}