@layer components{.button{justify-content:center;align-items:center;gap:var(--space-2);min-height:2.125rem;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-md);transition:background-color var(--duration-fast) ease, border-color var(--duration-fast) ease, color var(--duration-fast) ease;border:1px solid #0000;font-weight:600;display:inline-flex}.button:disabled{opacity:.6;cursor:not-allowed}.button-primary{background:var(--color-primary);color:var(--color-primary-text)}.button-primary:hover:not(:disabled){background:var(--color-primary-hover)}.button-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.button-secondary:hover:not(:disabled){border-color:var(--color-border-strong)}.button-ghost{color:var(--color-text-muted);background:0 0}.button-ghost:hover:not(:disabled){background:var(--color-surface-muted);color:var(--color-text)}.button-danger{background:var(--color-surface);color:var(--color-danger);border-color:var(--color-danger-border)}.button-danger:hover:not(:disabled){background:var(--color-danger-bg)}}