@layer cavalree {
  :where(.c-text) {
    --c-text--align: inherit;
    --c-text--case: inherit;
    --c-text--family: inherit;
    --c-text--line-height: inherit;
    --c-text--size: inherit;
    --c-text--style: inherit;
    --c-text--tracking: inherit;
    --c-text--weight: inherit;
  }

  .c-text {
    font-family: var(--c-text--family);
    font-size: var(--c-text--size);
    font-style: var(--c-text--style);
    font-weight: var(--c-text--weight);
    letter-spacing: var(--c-text--tracking);
    line-height: var(--c-text--line-height);
    text-align: var(--c-text--align);
    text-transform: var(--c-text--case);
  }
}
