:host {
    /* base */
    --accordion-base-font: var(--us-accordion-base-font, var(--text-label-m));
    --accordion-base-color: var(--us-accordion-base-color, var(--color-neutral-1000));
    --accordion-base-h-padding: var(--us-accordion-base-h-padding, var(--space-inner-xl));
    --accordion-base-v-padding: var(--us-accordion-base-v-padding, var(--space-inner-l));
    --accordion-base-icon-color: var(--us-accordion-base-icon-color, var(--color-neutral-700));
    --accordion-base-border-width: var(--us-accordion-base-border-width, 1px);
    --accordion-base-border: var(--us-accordion-base-border, var(--accordion-base-border-width) solid var(--color-neutral-300));
    --accordion-base-border-radius: var(--us-accordion-base-border-radius, var(--border-radius-m));
    /* normal */
    --accordion-normal-bg-color: var(--us-accordion-normal-bg-color, var(--color-neutral-0));
    --accordion-normal-header-bg-color:  var(--us-accordion-normal-header-bg-color, var(--accordion-normal-bg-color));
    /* hover */
    --accordion-hover-bg-color: var(--us-accordion-hover-bg-color, var(--color-neutral-100));
    --accordion-hover-header-bg-color: var(--us-accordion-hover-header-bg-color, var(--accordion-hover-bg-color));
    --accordion-hover-icon-color: var(--us-accordion-hover-icon-color, var(--color-primary-600));
    /* pressed */
    --accordion-pressed-bg-color: var(--us-accordion-pressed-bg-color, var(--color-neutral-200));
    --accordion-pressed-header-bg-color:  var(--us-accordion-pressed-header-bg-color, var(--accordion-pressed-bg-color));
    /* alternative background */
    --accordion-alternative-bg-color: var(--us-accordion-alternative-bg-color, var(--color-neutral-100));
    --accordion-alternative-hover-bg-color: var(--us-accordion-alternative-hover-bg-color, var(--color-neutral-300));
    /* pressed */
    --accordion-alternative-pressed-bg-color: var(--us-accordion-alternative-pressed-bg-color, var(--color-neutral-300));
}