:host {
    /* base fonts */
    --snackbar-base-title-font: var(--us-snackbar-base-title-font, var(--text-headline-h5));
    --snackbar-base-text-font: var(--us-snackbar-base-text-font, var(--text-p-l));
    --snackbar-base-light-font: var(--us-snackbar-base-light-font, var(--text-p-m-light));

    /* base colors */
    --snackbar-base-text-color: var(--us-snackbar-base-text-color, var(--color-neutral-1000));
    /* info colors */
    --snackbar-info-background-color: var(--us-snackbar-info-background-color, var(--color-neutral-0));
    --snackbar-info-title-color: var(--us-snackbar-info-title-color, var(--color-primary-1000));
    --snackbar-info-icon-color: var(--us-snackbar-info-icon-color, var(--color-primary-600));
    /* success colors */
    --snackbar-success-background-color: var(--us-snackbar-success-background-color, var(--color-neutral-0));
    --snackbar-success-title-color: var(--us-snackbar-success-title-color, var(--color-success-1000));
    --snackbar-success-icon-color: var(--us-snackbar-success-icon-color, var(--color-success-600));
    /* warning colors */
    --snackbar-warning-background-color: var(--us-snackbar-warning-background-color, var(--color-neutral-0));
    --snackbar-warning-title-color: var(--us-snackbar-warning-title-color, var(--color-warning-1000));
    --snackbar-warning-icon-color: var(--us-snackbar-warning-icon-color, var(--color-warning-600));
    /* error colors */
    --snackbar-error-background-color: var(--us-snackbar-error-background-color, var(--color-neutral-0));
    --snackbar-error-title-color: var(--us-snackbar-error-title-color, var(--color-danger-1000));
    --snackbar-error-icon-color: var(--us-snackbar-error-icon-color, var(--color-danger-600));

    /* base borders */
    --snackbar-base-border-radius: var(--us-snackbar-base-border-radius, var(--border-radius-m));
    --snackbar-info-border-left: var(--us-snackbar-info-border-left, 2px solid var(--color-primary-600)); 
    --snackbar-success-border-left: var(--us-snackbar-success-border-left, 2px solid var(--color-success-600)); 
    --snackbar-warning-border-left: var(--us-snackbar-warning-border-left, 2px solid var(--color-warning-600));
    --snackbar-error-border-left: var(--us-snackbar-error-border-left, 2px solid var(--color-danger-600));
    --snackbar-base-close-border-left: var(--us-snackbar-base-close-border-left, 1px solid var(--color-neutral-300));

    /* base spaces */
    --snackbar-base-v-padding: var(--us-snackbar-base-v-padding, var(--space-inner-l));
    --snackbar-base-h-padding: var(--us-snackbar-base-h-padding, var(--space-inner-xl));
    --snackbar-base-close-padding-left: var(--us-snackbar-base-close-padding-left, var(--space-inner-xl));

    --snackbar-base-shadow: var(--us-snackbar-base-shadow, var(--box-shadow-200));
}
