.ui-button{--button-accent:var(--color-primary);--button-accent-hover:var(--color-primary-hover);--button-accent-pressed:var(--color-primary-pressed);--button-soft:var(--color-primary-soft);--button-soft-hover:var(--color-primary-soft-hover);--button-disabled:var(--color-brand-hover);justify-content:center;align-items:center;gap:var(--space-1);border-radius:var(--radius-control);min-height:52px;font-family:var(--font-family-display);font-size:var(--font-size-h6);letter-spacing:.01em;cursor:pointer;border:1.5px solid #0000;padding:10px 16px;font-weight:700;line-height:1;transition:background-color .15s,border-color .15s,color .15s,opacity .15s;display:inline-flex;overflow:hidden}.ui-button--44{min-height:44px;font-size:var(--font-size-body);letter-spacing:var(--letter-spacing-body);padding:12px 16px}.ui-button--full-width{width:100%}.ui-button__label{justify-content:center;align-items:center;gap:var(--space-1);white-space:nowrap;min-width:0;display:inline-flex}.ui-button__label>svg,.ui-button__label>img{flex:none}.ui-button__icon{flex:none;place-items:center;width:24px;height:24px;display:inline-grid}.ui-button--44 .ui-button__icon{width:20px;height:20px}.ui-button__icon>svg,.ui-button__icon>img{max-width:100%;max-height:100%;display:block}.ui-button:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.ui-button:disabled{cursor:not-allowed}.ui-button--fill{color:var(--color-primary-contrast);background:var(--button-accent)}.ui-button--fill:hover:not(:disabled){background:var(--button-accent-hover)}.ui-button--fill:active:not(:disabled){background:var(--button-accent-pressed)}.ui-button--fill:disabled{color:var(--color-primary-contrast);background:var(--button-disabled)}.ui-button--toner{color:var(--button-accent);background:var(--button-soft)}.ui-button--toner:hover:not(:disabled),.ui-button--toner:active:not(:disabled){background:var(--button-soft-hover)}.ui-button--toner:disabled{color:var(--button-disabled);background:var(--button-soft)}.ui-button--stroke{color:var(--button-accent);border-color:var(--button-accent);background:var(--color-surface)}.ui-button--stroke:hover:not(:disabled),.ui-button--stroke:active:not(:disabled){background:var(--button-soft)}.ui-button--stroke:disabled{color:var(--button-disabled);border-color:var(--button-soft-hover)}.ui-button--ghost{color:var(--button-accent);background:0 0}.ui-button--ghost:hover:not(:disabled),.ui-button--ghost:active:not(:disabled){background:var(--button-soft)}.ui-button--ghost:disabled{color:var(--button-disabled)}.ui-button--tone-neutral{--button-accent:var(--color-text);--button-accent-hover:var(--color-text-muted);--button-accent-pressed:var(--color-neutral-soft);--button-soft:var(--color-surface-subtle);--button-soft-hover:var(--color-border);--button-disabled:var(--color-text-disabled)}.ui-button--tone-warning{--button-accent:var(--color-warning-active);--button-accent-hover:var(--color-warning);--button-accent-pressed:var(--color-warning-hover);--button-soft:var(--color-warning-bg);--button-soft-hover:var(--color-warning-bg-hover);--button-disabled:var(--color-warning-hover)}