@layer reset, tokens, base, components, utilities;@layer components{.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--size-touch-target-min);padding:var(--space-3) var(--space-6);border:2px solid transparent;border-radius:var(--radius-xs);font-family:inherit;font-size:var(--font-size-md);font-weight:var(--font-weight-bold);line-height:var(--font-line-height-tight);text-decoration:none;cursor:pointer}.button--primary{color:var(--color-accent-foreground);background-color:var(--color-accent);border-color:var(--color-accent)}.button--primary:hover{background-color:var(--color-accent-hover);border-color:var(--color-accent-hover)}.button--outline{color:var(--color-foreground);background-color:transparent;border-color:var(--color-border)}.button--outline:hover{background-color:var(--color-surface);border-color:var(--color-accent)}.button:disabled{cursor:not-allowed;opacity:.6}@media (prefers-reduced-motion:no-preference){.button{transition:background-color var(--duration-fast),border-color var(--duration-fast)}}}