.button{transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast)}.button:focus-visible{box-shadow:0 0 0 3px var(--color-accent-ring);outline:none}.button:disabled{background-color:var(--color-surface-raised);color:var(--color-subtle-foreground);cursor:not-allowed;pointer-events:none;border-color:transparent}.button[data-style=primary]{background-color:var(--color-accent);color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.06),0 1px 2px rgba(0,0,0,.25)}.button[data-style=primary]:hover:not(:disabled){background-color:var(--color-accent-hover)}.button[data-style=secondary]{background-color:var(--color-surface-raised);color:var(--color-foreground);border-color:var(--color-border-soft)}.button[data-style=secondary]:hover:not(:disabled){background-color:var(--color-surface-tonal)}.button[data-style=ghost]{color:var(--color-muted-foreground);background-color:transparent}.button[data-style=ghost]:hover:not(:disabled){background-color:var(--color-surface-raised);color:var(--color-foreground)}.button[data-style=outline]{color:var(--color-foreground);border-color:var(--color-border);background-color:transparent}.button[data-style=outline]:hover:not(:disabled){background-color:var(--color-surface-raised);border-color:var(--color-border-strong)}.button[data-style=destructive]{background-color:var(--color-danger-tint);color:var(--color-danger);border-color:transparent}.button[data-style=destructive]:hover:not(:disabled){background-color:var(--color-danger);color:#fff}