@layer theme {
  [data-sl-tone='default'] {
    --sl-color: var(--sl-color-default);
    --sl-on-color: var(--sl-color-on-default);
  }

  [data-sl-tone='strong'] {
    --sl-color: var(--sl-color-strong, var(--sl-color-default));
    --sl-on-color: var(--sl-color-on-strong, var(--sl-color-on-default));
  }

  [data-sl-tone='subtle'] {
    --sl-color: var(--sl-color-subtle, var(--sl-color-default));
    --sl-on-color: var(--sl-color-on-subtle, var(--sl-color-on-default));
  }
}