h1 {
    color: var(--spk-text-type-color-heading-1);
    font-size: clamp(var(--spk-text-type-size-heading-1-min), 
    1.115vw + 14.281px, var(--spk-text-type-size-heading-1-max));
    }
h2 {
    color: var(--spk-text-type-color-heading-2);
    font-size: clamp(var(--spk-text-type-size-heading-2-min), 
    0.913vw + 14.117px, var(--spk-text-type-size-heading-2-max));
}
h3 {
    color: var(--spk-text-type-color-heading-3);
    font-size: clamp(var(--spk-text-type-size-heading-3-min), 
    0.729vw + 14.006px, var(--spk-text-type-size-heading-3-max));
}
h4 {
    color: var(--spk-text-type-color-heading-4);
    font-size: clamp(var(--spk-text-type-size-heading-4-min), 
    0.562vw + 13.943px, var(--spk-text-type-size-heading-4-max));
}
h5 {
    color: var(--spk-text-type-color-heading-5);
    font-size: clamp(var(--spk-text-type-size-heading-5-min), 
    0.408vw + 13.924px, var(--spk-text-type-size-heading-5-max));
}
h6 {
    color: var(--spk-text-type-color-heading-6);
    font-size: clamp(var(--spk-text-type-size-heading-6-min), 
    0.265vw + 13.981px, var(--spk-text-type-size-heading-6-max));
}
p {
    /* color: var(--spk-text-type-color-paragraph); */
    font-size: clamp(var(--spk-text-type-size-paragraph-min), 
    0.129vw + 14.136px, var(--spk-text-type-size-paragraph-max));
}
span {
    /* color: var(--spk-text-type-color-span); */
    font-size: var(--spk-text-type-size-span);
}
label {
    /* color: var(--spk-text-type-color-label); */
    font-size: var(--spk-text-type-size-label);
    cursor: pointer;
}

/* Initial Font Family and Font Weights */
h1, h2, h3, h4, h5, h6, p, span, label {
    font-family: var(--spk-text-font-family-primary);
}
h1, h2, h3, h4, h5, h6 {
    font-weight: var(--spk-text-font-weight-bold);
}
p, span, label {
    font-weight: var(--spk-text-font-weight-regular);
}

/* Size Variants */
.text {line-height: 1.5;}
.text--size-small-0 {
    font-size: var(--spk-text-size-small-0);
}
.text--size-small-1 {
    font-size: var(--spk-text-size-small-1);
}
.text--size-small-2 {
    font-size: var(--spk-text-size-small-2);
}
.text--size-body-1 {
    font-size: var(--spk-text-size-body-1);
}
.text--size-body-2 {
    font-size: var(--spk-text-size-body-2);
}
.text--size-body-3 {
    font-size: var(--spk-text-size-body-3);
}
.text--size-body-4 {
    font-size: var(--spk-text-size-body-4);
}
.text--size-body-5 {
    font-size: var(--spk-text-size-body-5);
}
.text--size-display-1 {
    font-size: var(--spk-text-size-display-1);
}
.text--size-display-2 {
    font-size: var(--spk-text-size-display-2);
}
.text--size-display-3 {
    font-size: var(--spk-text-size-display-3);
}
.text--size-inherit {
    font-size: inherit;
}

/* Color Variants */
.text--color-inherit {
    color: inherit;
}
.text--color-primary {
    color: var(--spk-text-color-primary);
}
.text--color-secondary {
    color: var(--spk-text-color-secondary);
}
.text--color-label {
    color: var(--spk-text-color-label);
}
.text--color-alert-neutral {
    color: var(--spk-text-color-alert-on-neutral);
}
.text--color-alert-success {
    color: var(--spk-text-color-alert-on-success);
}
.text--color-alert-warning {
    color: var(--spk-text-color-alert-on-warning);
}
.text--color-alert-error {
    color: var(--spk-text-color-alert-on-error);
}
.text--color-subdued {
    color: var(--spk-text-color-subdued);
}
.text--color-contrast {
    color: var(--spk-text-color-contrast);
}
.text--color-emphasize-primary {
    color: var(--spk-text-color-emphasize-primary);
}
.text--color-emphasize-secondary {
    color: var(--spk-text-color-emphasize-secondary);
}
.text--color-feedback-primary {
    color: var(--spk-text-color-feedback-primary);
}
.text--color-feedback-secondary {
    color: var(--spk-text-color-feedback-secondary);
}
.text--color-feedback-header-primary {
    color: var(--spk-text-color-feedback-header-primary);
}
.text--color-feedback-header-secondary {
    color: var(--spk-text-color-feedback-header-secondary);
}

.text--color-container-header-primary {
    color: var(--spk-text-color-container-header-primary);
}
.text--color-container-header-secondary {
    color: var(--spk-text-color-container-header-secondary);
}
.text--color-container-header-highlighted {
    color: var(--spk-text-color-container-header-highlighted);
}

.text--color-container-body-primary {
    color: var(--spk-text-color-container-body-primary);
}
.text--color-container-body-secondary {
    color: var(--spk-text-color-container-body-secondary);
}
.text--color-container-body-highlighted {
    color: var(--spk-text-color-container-body-highlighted);
}

/* Font Family */
.text--font-family-primary {
    font-family: var(--spk-text-font-family-primary);
}
.text--font-family-secondary {
    font-family: var(--spk-text-font-family-secondary);
}

/* Font Weight */
.text--weight-regular {
    font-weight: var(--spk-text-font-weight-regular);
}
.text--weight-bold,
.text--weight-condensed-bold {
    font-weight: var(--spk-text-font-weight-bold);
}
.text--weight-condensed-extra-bold {
    font-weight: var(--spk-text-font-weight-bolder);
}
.text--weight-condensed-bold,
.text--weight-condensed-extra-bold {
    font-stretch: condensed;
}

/* Underline */
.text--underline {
    text-decoration: underline;
}

/* Italic */
.text--italic {
    font-style: italic;
}

/* Truncate Text */
.text--truncated {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* links */
.link {
    font-family: var(--spk-link-font-family);
    font-size: inherit;
    text-decoration: underline;
}

/* Primary */
.link--primary,
.link--primary:link {
    color: var(--spk-link-color-text-primary-default);
    opacity: var(--spk-link-opacity-primary-default);
}

.link--primary:visited {
    color: var(--spk-link-color-text-primary-visited);
    opacity: var(--spk-link-opacity-primary-visited);
}

.link--primary:hover {
    color: var(--spk-link-color-text-primary-hover);
    opacity: var(--spk-link-opacity-primary-hover);
}

.link--primary:active {
    color: var(--spk-link-color-text-primary-active);
    opacity: var(--spk-link-opacity-primary-active);
}

/* Secondary */
.link--secondary,
.link--secondary:link {
    color: var(--spk-link-color-text-secondary-default);
    opacity: var(--spk-link-opacity-secondary-default);
}

.link--secondary:visited {
    color: var(--spk-link-color-text-secondary-visited);
    opacity: var(--spk-link-opacity-secondary-visited);
}

.link--secondary:hover {
    color: var(--spk-link-color-text-secondary-hover);
    opacity: var(--spk-link-opacity-secondary-hover);
}

.link--secondary:active {
    color: var(--spk-link-color-text-secondary-active);
    opacity: var(--spk-link-opacity-secondary-active);
}


/* Container on Primary */
.link--container-primary,
.link--container-primary:link {
    color: var(--spk-link-color-text-container-primary-default);
    opacity: var(--spk-link-opacity-container-primary-default);
}

.link--container-primary:visited {
    color: var(--spk-link-color-text-container-primary-visited);
    opacity: var(--spk-link-opacity-container-primary-visited);
}

.link--container-primary:hover {
    color: var(--spk-link-color-text-container-primary-hover);
    opacity: var(--spk-link-opacity-container-primary-hover);
}

.link--container-primary:active {
    color: var(--spk-link-color-text-container-primary-active);
    opacity: var(--spk-link-opacity-container-primary-active);
}

/* Container on Secondary */
.link--container-secondary,
.link--container-secondary:link {
    color: var(--spk-link-color-text-container-secondary-default);
    opacity: var(--spk-link-opacity-container-secondary-default);
}

.link--container-secondary:visited {
    color: var(--spk-link-color-text-container-secondary-visited);
    opacity: var(--spk-link-opacity-container-secondary-visited);
}

.link--container-secondary:hover {
    color: var(--spk-link-color-text-container-secondary-hover);
    opacity: var(--spk-link-opacity-container-secondary-hover);
}

.link--container-secondary:active {
    color: var(--spk-link-color-text-container-secondary-active);
    opacity: var(--spk-link-opacity-container-secondary-active);
}

/* Container on Highlighted */
.link--container-highlighted,
.link--container-highlighted:link {
    color: var(--spk-link-color-text-container-highlighted-default);
    opacity: var(--spk-link-opacity-container-highlighted-default);
}

.link--container-highlighted:visited {
    color: var(--spk-link-color-text-container-highlighted-visited);
    opacity: var(--spk-link-opacity-container-highlighted-visited);
}

.link--container-highlighted:hover {
    color: var(--spk-link-color-text-container-highlighted-hover);
    opacity: var(--spk-link-opacity-container-highlighted-hover);
}

.link--container-highlighted:active {
    color: var(--spk-link-color-text-container-highlighted-active);
    opacity: var(--spk-link-opacity-container-highlighted-active);
}

/* Container on Success */
.link--container-success,
.link--container-success:link {
    color: var(--spk-link-color-text-container-success-default);
    opacity: var(--spk-link-opacity-container-success-default);
}

.link--container-success:visited {
    color: var(--spk-link-color-text-container-success-visited);
    opacity: var(--spk-link-opacity-container-success-visited);
}

.link--container-success:hover {
    color: var(--spk-link-color-text-container-success-hover);
    opacity: var(--spk-link-opacity-container-success-hover);
}

.link--container-success:active {
    color: var(--spk-link-color-text-container-success-active);
    opacity: var(--spk-link-opacity-container-success-active);
}

/* Container on Neutral */
.link--container-neutral,
.link--container-neutral:link {
    color: var(--spk-link-color-text-container-neutral-default);
    opacity: var(--spk-link-opacity-container-neutral-default);
}

.link--container-neutral:visited {
    color: var(--spk-link-color-text-container-neutral-visited);
    opacity: var(--spk-link-opacity-container-neutral-visited);
}

.link--container-neutral:hover {
    color: var(--spk-link-color-text-container-neutral-hover);
    opacity: var(--spk-link-opacity-container-neutral-hover);
}

.link--container-neutral:active {
    color: var(--spk-link-color-text-container-neutral-active);
    opacity: var(--spk-link-opacity-container-neutral-active);
}

/* Container on Warning */
.link--container-warning,
.link--container-warning:link {
    color: var(--spk-link-color-text-container-warning-default);
    opacity: var(--spk-link-opacity-container-warning-default);
}

.link--container-warning:visited {
    color: var(--spk-link-color-text-container-warning-visited);
    opacity: var(--spk-link-opacity-container-warning-visited);
}

.link--container-warning:hover {
    color: var(--spk-link-color-text-container-warning-hover);
    opacity: var(--spk-link-opacity-container-warning-hover);
}

.link--container-warning:active {
    color: var(--spk-link-color-text-container-warning-active);
    opacity: var(--spk-link-opacity-container-warning-active);
}

/* Container on Error */
.link--container-error,
.link--container-error:link {
    color: var(--spk-link-color-text-container-error-default);
    opacity: var(--spk-link-opacity-container-error-default);
}

.link--container-error:visited {
    color: var(--spk-link-color-text-container-error-visited);
    opacity: var(--spk-link-opacity-container-error-visited);
}

.link--container-error:hover {
    color: var(--spk-link-color-text-container-error-hover);
    opacity: var(--spk-link-opacity-container-error-hover);
}

.link--container-error:active {
    color: var(--spk-link-color-text-container-error-active);
    opacity: var(--spk-link-opacity-container-error-active);
}

/* Sizes */
.link--3xs {
    font-size: var(--spk-link-font-size-3xs);
}

.link--2xs {
    font-size: var(--spk-link-font-size-2xs);
}

.link--xs {
    font-size: var(--spk-link-font-size-xs);
}

.link--s {
    font-size: var(--spk-link-font-size-s);
}

.link--m {
    font-size: var(--spk-link-font-size-m);
}

.link--l {
    font-size: var(--spk-link-font-size-l);
}

.link--xl {
    font-size: var(--spk-link-font-size-xl);
}

.link--2xl {
    font-size: var(--spk-link-font-size-2xl);
}

.link--3xl {
    font-size: var(--spk-link-font-size-3xl);
}

/* buttons */
  .button {
    font-family: var(--spk-button-font-family);
    font-size: inherit;
    text-decoration: none;
    text-transform: var(--spk-button-text-transform);
    font-weight: var(--spk-button-font-weight);
    width: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
  }

  .button:disabled,
  .button.button--disabled {
    pointer-events: none;
  }

  /* Button Style & Colors | Primary */
  .button--primary,
  .button--primary:link,
  .button--primary:visited {
    border-style: var(--spk-button-border-style-primary-default);
    border-color: var(--spk-button-border-color-primary-default);
    border-width: var(--spk-button-border-width-primary-default);
    box-shadow: var(--spk-button-box-shadow-primary-default);
    opacity: var(--spk-button-opacity-primary-default);
    background: var(--spk-button-background-color-primary-default);
    color: var(--spk-button-color-text-primary-default);
  }

  .button--primary:hover {
    border-style: var(--spk-button-border-style-primary-hover);
    border-color: var(--spk-button-border-color-primary-hover);
    border-width: var(--spk-button-border-width-primary-hover);
    box-shadow: var(--spk-button-box-shadow-primary-hover);
    opacity: var(--spk-button-opacity-primary-hover);
    background: var(--spk-button-background-color-primary-hover);
    color: var(--spk-button-color-text-primary-hover);
  }

  .button--primary:active {
    border-style: var(--spk-button-border-style-primary-active);
    border-color: var(--spk-button-border-color-primary-active);
    border-width: var(--spk-button-border-width-primary-active);
    box-shadow: var(--spk-button-box-shadow-primary-active);
    opacity: var(--spk-button-opacity-primary-active);
    background: var(--spk-button-background-color-primary-active);
    color: var(--spk-button-color-text-primary-active);
  }

  .button--primary.button--selected {
    border-style: var(--spk-button-border-style-primary-selected);
    border-color: var(--spk-button-border-color-primary-selected);
    border-width: var(--spk-button-border-width-primary-selected);
    box-shadow: var(--spk-button-box-shadow-primary-selected);
    opacity: var(--spk-button-opacity-primary-selected);
    background: var(--spk-button-background-color-primary-selected);
    color: var(--spk-button-color-text-primary-selected);
  }

  .button--primary:disabled,
  .button--primary.button--disabled  {
    border-style: var(--spk-button-border-style-primary-disabled);
    border-color: var(--spk-button-border-color-primary-disabled);
    border-width: var(--spk-button-border-width-primary-disabled);
    box-shadow: var(--spk-button-box-shadow-primary-disabled);
    opacity: var(--spk-button-opacity-primary-disabled);
    background: var(--spk-button-background-color-primary-disabled);
    color: var(--spk-button-color-text-primary-disabled);
  }

  /* Button Style & Colors | Secondary */
  .button--secondary,
  .button--secondary:link,
  .button--secondary:visited {
    border-style: var(--spk-button-border-style-secondary-default);
    border-color: var(--spk-button-border-color-secondary-default);
    border-width: var(--spk-button-border-width-secondary-default);
    box-shadow: var(--spk-button-box-shadow-secondary-default);
    opacity: var(--spk-button-opacity-secondary-default);
    background: var(--spk-button-background-color-secondary-default);
    color: var(--spk-button-color-text-secondary-default);
  }

  .button--secondary:hover {
    border-style: var(--spk-button-border-style-secondary-hover);
    border-color: var(--spk-button-border-color-secondary-hover);
    border-width: var(--spk-button-border-width-secondary-hover);
    box-shadow: var(--spk-button-box-shadow-secondary-hover);
    opacity: var(--spk-button-opacity-secondary-hover);
    background: var(--spk-button-background-color-secondary-hover);
    color: var(--spk-button-color-text-secondary-hover);
  }

  .button--secondary:active {
    border-style: var(--spk-button-border-style-secondary-active);
    border-color: var(--spk-button-border-color-secondary-active);
    border-width: var(--spk-button-border-width-secondary-active);
    box-shadow: var(--spk-button-box-shadow-secondary-active);
    opacity: var(--spk-button-opacity-secondary-active);
    background: var(--spk-button-background-color-secondary-active);
    color: var(--spk-button-color-text-secondary-active);
  }

  .button--secondary.button--selected {
    border-style: var(--spk-button-border-style-secondary-selected);
    border-color: var(--spk-button-border-color-secondary-selected);
    border-width: var(--spk-button-border-width-secondary-selected);
    box-shadow: var(--spk-button-box-shadow-secondary-selected);
    opacity: var(--spk-button-opacity-secondary-selected);
    background: var(--spk-button-background-color-secondary-selected);
    color: var(--spk-button-color-text-secondary-selected);
  }

  .button--secondary:disabled,
  .button--secondary.button--disabled  {
    border-style: var(--spk-button-border-style-secondary-disabled);
    border-color: var(--spk-button-border-color-secondary-disabled);
    border-width: var(--spk-button-border-width-secondary-disabled);
    box-shadow: var(--spk-button-box-shadow-secondary-disabled);
    opacity: var(--spk-button-opacity-secondary-disabled);
    background: var(--spk-button-background-color-secondary-disabled);
    color: var(--spk-button-color-text-secondary-disabled);
  }

  /* Button Style & Colors | Tertiary */
  .button--tertiary,
  .button--tertiary:link,
  .button--tertiary:visited {
    border-style: var(--spk-button-border-style-tertiary-default);
    border-color: var(--spk-button-border-color-tertiary-default);
    border-width: var(--spk-button-border-width-tertiary-default);
    box-shadow: var(--spk-button-box-shadow-tertiary-default);
    opacity: var(--spk-button-opacity-tertiary-default);
    background: var(--spk-button-background-color-tertiary-default);
    color: var(--spk-button-color-text-tertiary-default);
  }

  .button--tertiary:hover {
    border-style: var(--spk-button-border-style-tertiary-hover);
    border-color: var(--spk-button-border-color-tertiary-hover);
    border-width: var(--spk-button-border-width-tertiary-hover);
    box-shadow: var(--spk-button-box-shadow-tertiary-hover);
    opacity: var(--spk-button-opacity-tertiary-hover);
    background: var(--spk-button-background-color-tertiary-hover);
    color: var(--spk-button-color-text-tertiary-hover);
  }

  .button--tertiary:active {
    border-style: var(--spk-button-border-style-tertiary-active);
    border-color: var(--spk-button-border-color-tertiary-active);
    border-width: var(--spk-button-border-width-tertiary-active);
    box-shadow: var(--spk-button-box-shadow-tertiary-active);
    opacity: var(--spk-button-opacity-tertiary-active);
    background: var(--spk-button-background-color-tertiary-active);
    color: var(--spk-button-color-text-tertiary-active);
  }

  .button--tertiary.button--selected {
    border-style: var(--spk-button-border-style-tertiary-selected);
    border-color: var(--spk-button-border-color-tertiary-selected);
    border-width: var(--spk-button-border-width-tertiary-selected);
    box-shadow: var(--spk-button-box-shadow-tertiary-selected);
    opacity: var(--spk-button-opacity-tertiary-selected);
    background: var(--spk-button-background-color-tertiary-selected);
    color: var(--spk-button-color-text-tertiary-selected);
  }

  .button--tertiary:disabled,
  .button--tertiary.button--disabled {
    border-style: var(--spk-button-border-style-tertiary-disabled);
    border-color: var(--spk-button-border-color-tertiary-disabled);
    border-width: var(--spk-button-border-width-tertiary-disabled);
    box-shadow: var(--spk-button-box-shadow-tertiary-disabled);
    opacity: var(--spk-button-opacity-tertiary-disabled);
    background: var(--spk-button-background-color-tertiary-disabled);
    color: var(--spk-button-color-text-tertiary-disabled);
  }

  /* Button Style & Colors | Quaternary */
  .button--quaternary,
  .button--quaternary:link,
  .button--quaternary:visited {
    border-style: var(--spk-button-border-style-quaternary-default);
    border-color: var(--spk-button-border-color-quaternary-default);
    border-width: var(--spk-button-border-width-quaternary-default);
    box-shadow: var(--spk-button-box-shadow-quaternary-default);
    opacity: var(--spk-button-opacity-quaternary-default);
    background: var(--spk-button-background-color-quaternary-default);
    color: var(--spk-button-color-text-quaternary-default);
  }

  .button--quaternary:hover {
    border-style: var(--spk-button-border-style-quaternary-hover);
    border-color: var(--spk-button-border-color-quaternary-hover);
    border-width: var(--spk-button-border-width-quaternary-hover);
    box-shadow: var(--spk-button-box-shadow-quaternary-hover);
    opacity: var(--spk-button-opacity-quaternary-hover);
    background: var(--spk-button-background-color-quaternary-hover);
    color: var(--spk-button-color-text-quaternary-hover);
  }

  .button--quaternary:active {
    border-style: var(--spk-button-border-style-quaternary-active);
    border-color: var(--spk-button-border-color-quaternary-active);
    border-width: var(--spk-button-border-width-quaternary-active);
    box-shadow: var(--spk-button-box-shadow-quaternary-active);
    opacity: var(--spk-button-opacity-quaternary-active);
    background: var(--spk-button-background-color-quaternary-active);
    color: var(--spk-button-color-text-quaternary-active);
  }

  .button--quaternary.button--selected {
    border-style: var(--spk-button-border-style-quaternary-selected);
    border-color: var(--spk-button-border-color-quaternary-selected);
    border-width: var(--spk-button-border-width-quaternary-selected);
    box-shadow: var(--spk-button-box-shadow-quaternary-selected);
    opacity: var(--spk-button-opacity-quaternary-selected);
    background: var(--spk-button-background-color-quaternary-selected);
    color: var(--spk-button-color-text-quaternary-selected);
  }

  .button--quaternary:disabled,
  .button--quaternary.button--disabled  {
    border-style: var(--spk-button-border-style-quaternary-disabled);
    border-color: var(--spk-button-border-color-quaternary-disabled);
    border-width: var(--spk-button-border-width-quaternary-disabled);
    box-shadow: var(--spk-button-box-shadow-quaternary-disabled);
    opacity: var(--spk-button-opacity-quaternary-disabled);
    background: var(--spk-button-background-color-quaternary-disabled);
    color: var(--spk-button-color-text-quaternary-disabled);
  }

  .button--fullwidth {
    width: 100%;
  }

  /* Sizes */
  .button--s {
    height: var(--spk-button-height-s);
    padding-left: var(--spk-button-padding-x-s);
    padding-right: var(--spk-button-padding-x-s);
    font-size: var(--spk-button-font-size-s);
    border-radius: var(--spk-button-border-radius-s);
    letter-spacing: var(--spk-button-letter-spacing-s);
    gap: var(--spk-button-content-gap-s);
  }

  .button--s .button__loading {
    font-size: var(--spk-button-loading-size-s);
  }
  
  .button--m {
    height: var(--spk-button-height-m);
    padding-left: var(--spk-button-padding-x-m);
    padding-right: var(--spk-button-padding-x-m);
    font-size: var(--spk-button-font-size-m);
    border-radius: var(--spk-button-border-radius-m);
    letter-spacing: var(--spk-button-letter-spacing-m);
    gap: var(--spk-button-content-gap-m);
  }

  .button--m .button__loading {
    font-size: var(--spk-button-loading-size-m);
  }

  .button--l {
    height: var(--spk-button-height-l);
    padding-left: var(--spk-button-padding-x-l);
    padding-right: var(--spk-button-padding-x-l);
    font-size: var(--spk-button-font-size-l);
    border-radius: var(--spk-button-border-radius-l);
    letter-spacing: var(--spk-button-letter-spacing-l);
    gap: var(--spk-button-content-gap-l);
  }

  .button--l .button__loading {
    font-size: var(--spk-button-loading-size-l);
  }
  
  /* Loading */
  .button--loading {
    position: relative;
    pointer-events: none;
  }

  .button__loading {
    position: absolute;
  }

  .button--loading .button__label {
    visibility: hidden;
  }

  /* Radius */
  .button--noradius {
    border-radius: 0px;
  }

  /* divider */
    .divider {
    border: none;
    height: var(--spk-divider-height);
    margin: unset;
  }
  .divider--color-subdued {
    background-color: var(--spk-divider-background-color-subdued);
  }
  .divider--color-contrast {
    background-color: var(--spk-divider-background-color-contrast);
  }
  .divider--color-container-subdued-primary {
    background-color: var(--spk-divider-background-color-container-subdued-primary);
  }
  .divider--color-container-contrast-primary {
    background-color: var(--spk-divider-background-color-container-contrast-primary);
  }

  .divider--color-container-on-primary-bg {
    background-color: var(--spk-divider-background-color-on-primary-bg);
  }

  .divider--color-container-on-primary {
    background-color: var(--spk-divider-background-color-on-primary-container);
  }
  .divider--color-container-on-secondary {
    background-color: var(--spk-divider-background-color-on-secondary-container);
  }
  .divider--color-container-on-highlight {
    background-color: var(--spk-divider-background-color-on-highlight-container);
  }

  .divider--color-container-on-success {
    background-color: var(--spk-divider-background-color-on-success-container);
  }
  .divider--color-container-on-error {
    background-color: var(--spk-divider-background-color-on-error-container);
  }
  .divider--color-container-on-warning {
    background-color: var(--spk-divider-background-color-on-warning-container);
  }
  .divider--color-container-on-neutral {
    background-color: var(--spk-divider-background-color-on-neutral-container);
  }