:root{--button-color-bg: var(--color-background-primary-default);--button-color-bg-hover: var(--color-background-primary-hover);--button-color-bg-pressed: var(--color-background-primary-pressed);--button-color-text: var(--color-text-accent-primary)}.tad-button{font:bold var(--font-size-ui-button) var(--font-family-ui);display:flex;gap:var(--space-ui-slim);align-items:center;justify-content:center;border:none;outline:none;cursor:pointer;padding-block:var(--space-ui-loose);padding-inline:var(--space-block-extra-spacy);min-block-size:var(--size-input);background:var(--button-color-bg);color:var(--button-color-text);border-radius:var(--size-radius-ui-large);transition:background-color var(--base-motion-speed-instant),color var(--base-motion-speed-instant)}.tad-button:focus-visible{outline:var(--size-border-focus) solid var(--color-border-focus);outline-offset:var(--size-border-focus-offset);border-color:var(--button-color-bg)}.tad-button:hover{--button-color-bg: var(--button-color-bg-hover)}.tad-button:active{--button-color-bg: var(--button-color-bg-pressed);transition:background-color 0ms,color 0ms}.tad-button--secondary{--button-color-bg: var(--color-background-secondary-default);--button-color-bg-hover: var(--color-background-secondary-hover);--button-color-bg-pressed: var(--color-background-secondary-pressed);--button-color-text: var(--color-text-accent-secondary-default)}.tad-button--ghost{--button-color-bg: var(--color-background-ghost-default);--button-color-bg-hover: var(--color-background-ghost-hover);--button-color-bg-pressed: var(--color-background-ghost-pressed);--button-color-text: var(--color-text-accent-secondary-default);border:var(--size-border-default) solid var(--color-border-ghost-default)}.tad-button--destructive{--button-color-bg: var(--color-background-destructive-default);--button-color-bg-hover: var(--color-background-destructive-hover);--button-color-bg-pressed: var(--color-background-destructive-pressed)}.tad-button[disabled],.tad-button--disabled{--button-color-bg: var(--color-background-disabled);--button-color-text: var(--color-text-disabled);cursor:not-allowed}