.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:2.25rem;padding:0 var(--space-4);border:1px solid transparent;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:background-color .12s ease,border-color .12s ease}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--theme-color-primary);color:var(--color-text-on-brand)}.btn--primary:hover:not(:disabled){background:var(--theme-color-primary-strong)}.btn--secondary{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.btn--secondary:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border-strong)}.btn--ghost{background:transparent;color:var(--color-text-muted)}.btn--ghost:hover:not(:disabled){background:var(--color-surface);color:var(--color-text)}.btn--danger{background:var(--color-danger);color:var(--color-text-on-brand)}.btn--gold{background:var(--color-gold,#ffc325);color:#1a1200;border-color:color-mix(in srgb,var(--color-gold,#ffc325) 70%,#000)}.btn--gold:hover:not(:disabled){background:color-mix(in srgb,var(--color-gold,#ffc325) 88%,#fff)}