:root {
--button-filled-button-primary-fg: var(--color-text-text-white);
--button-filled-button-primary-bg: var(--color-bg-primary);
--button-filled-button-primary-bg-hover: var(--color-bg-primary-darker);
--button-outlined-button-neutral-fg: var(--color-text-text-lighter);
--button-outlined-button-neutral-bg: var(--color-bg-bg-lightest);
--button-outlined-button-neutral-bg-hover: var(--color-bg-bg-lighter);
--button-outlined-button-neutral-border: var(--color-border-border-base);
--button-outlined-button-neutral-border-hover: var(--color-border-border-base);
--button-outlined-button-primary-fg: var(--color-text-text-primary);
--button-outlined-button-primary-bg: var(--color-bg-bg-lightest);
--button-outlined-button-primary-bg-hover: var(--color-bg-primary-lightest);
--button-outlined-button-primary-border: var(--color-border-border-primary-lighter);
--button-outlined-button-primary-border-hover: var(--color-border-border-primary-lighter);
--button-text-only-button-neutral-fg: var(--color-text-text-lighter);
--button-text-only-button-neutral-bg-hover: var(--color-bg-bg-lighter);
--button-text-only-button-neutral-fg-hover: var(--color-text-text-base);
--button-text-only-button-primary-fg: var(--color-text-text-primary);
--button-text-only-button-primary-fg-hover: var(--color-text-text-primary-darker);
--button-text-only-button-primary-bg-hover: var(--color-bg-primary-lightest);
--button-filled-button-error-fg: var(--color-bg-bg-lightest);
--button-filled-button-error-bg: var(--color-bg-error);
--button-filled-button-error-bg-hover: var(--color-bg-error-darker);
--button-outlined-button-error-fg: var(--color-text-text-error);
--button-outlined-button-error-bg: var(--color-bg-bg-lightest);
--button-outlined-button-error-bg-hover: var(--color-bg-error-lighter);
--button-outlined-button-error-border: var(--color-border-border-error-lighter);
--button-outlined-button-error-border-hover: var(--color-border-border-error-lighter);
--button-text-only-button-error-fg: var(--color-text-text-error);
--button-text-only-button-error-fg-hover: var(--color-text-text-error-darker);
--button-text-only-button-error-bg-hover: var(--color-bg-error-lighter);
--button-filled-button-neutral-fg: var(--color-text-text-lighter);
--button-filled-button-neutral-fg-hover: var(--color-text-text-base);
--button-filled-button-neutral-bg-hover: var(--color-bg-bg-base);
--button-filled-button-neutral-bg: var(--color-bg-bg-lighter);
--radius-component-radius: var(--radius-radius-8);
}