.button{text-align:center;border-radius:var(--radius);cursor:pointer;border:1px solid #0000;padding:.5rem 1rem;font-family:inherit;font-size:.875rem;font-weight:600;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s;display:inline-block}.button:focus-visible{outline:2px solid var(--brand-ring);outline-offset:2px}.button.primary{background-color:var(--brand);color:var(--text-on-primary);border-color:var(--brand)}.button.primary:hover{background-color:var(--brand-hover);border-color:var(--brand-hover)}.button.primary:active{background-color:var(--brand-active)}.button.secondary{background-color:var(--bg-surface);color:var(--text-primary);border-color:var(--border-color)}.button.secondary:hover{background-color:var(--bg-surface-hover);border-color:var(--brand-border)}.button.secondary:active{background-color:var(--brand-soft)}.button.tertiary{color:var(--text-secondary);background-color:#0000;border-color:#0000}.button.tertiary:hover{background-color:var(--bg-surface-hover);color:var(--text-primary)}.button.tertiary:active{background-color:var(--brand-soft)}.button.confirm{background-color:var(--brand);border-color:var(--brand);color:var(--text-on-primary)}.button.confirm:hover,.button.confirm:active{background-color:var(--brand-hover)}.button.cancel{background-color:var(--danger);border-color:var(--danger);color:var(--white)}.button.cancel:hover,.button.cancel:active{background-color:var(--danger-text);border-color:var(--danger-text)}.button.white{background-color:var(--white);color:var(--brand)}.button.white:hover{background-color:var(--bg-surface-hover)}.button.white:active{background-color:var(--brand-soft)}.button.disabled{border-color:var(--border-color);background-color:var(--disabled);color:var(--text-muted);cursor:not-allowed}.button:not(.text):disabled,.button:not(.text):disabled:hover,.button:not(.text):disabled:active{background-color:var(--disabled);border-color:var(--disabled);color:var(--text-muted);cursor:not-allowed}.button.text{color:var(--brand-text);background-color:#0000;border:none;height:auto;padding:0}.button.text:hover{background-color:#0000;text-decoration:underline}.button.text:active{color:var(--brand-hover)}