@layer components{.ui-button{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);min-height:2.5rem;font:600 var(--text-sm) / 1 var(--font-label);white-space:nowrap;cursor:pointer;transition:background-color var(--dur) var(--ease), color var(--dur) var(--ease), border-color var(--dur) var(--ease);border:1px solid #0000;padding:.625rem 1rem;text-decoration:none;display:inline-flex}.ui-button--primary{color:var(--on-accent);background:var(--accent)}.ui-button--primary:hover{color:var(--on-accent);background:var(--accent-hover)}.ui-button--secondary{color:var(--ink);background:var(--surface);border-color:var(--line-strong)}.ui-button--secondary:hover{color:var(--action);background:var(--bg-sage);border-color:var(--action)}.ui-button--icon{border-radius:var(--radius-pill);width:2.5rem;color:var(--on-action);background:var(--action);padding:0}.ui-button--icon:hover{color:var(--on-action);background:var(--action-hover)}}