@layer base {
  :host .dds-text {
    display: inline-block;
    font: inherit;
    text-box: trim-both cap alphabetic;
    font-variant-numeric: var(--dds-text-font-variant-numeric, auto);

    ::slotted(em) {
      font-style: italic;
    }

    ::slotted(strong) {
      font-weight: var(--dds-font-weight-bold);
    }
  }
}
/*
@layer sizes {
  :host([size="s"]) {
    --dds-text-type: var(--dds-text-type-s);
  }

  :host([size="m"]) {
    --dds-text-type: var(--dds-text-type-m);
  }

  :host([size="l"]) {
    --dds-text-type: var(--dds-text-type-l);
  }
} */

@layer reset, base;
