@layer components{.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);font-family:var(--font-family-saans);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);border:1px solid transparent;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none}.button:focus-visible{outline:var(--border-width-focus) solid var(--color-focus-ring);outline-offset:var(--border-width-focus)}.button:disabled{opacity:.5;cursor:not-allowed}.button--sm{padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-sm);min-height:2rem}.button--md{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-md);min-height:2.5rem}.button--lg{padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-lg);min-height:3rem}.button--primary{background-color:var(--color-accent-strong);color:var(--color-text-inverse)}.button--primary:hover:not(:disabled){background-color:var(--color-orchid-stronger)}.button--primary:active:not(:disabled){background-color:var(--color-orchid-stronger)}.button--secondary{background-color:var(--color-surface-offset);border-color:var(--color-border-strong);color:var(--color-text)}.button--secondary:hover:not(:disabled){background-color:var(--color-surface-offset);border-color:var(--color-border-strong)}.button--secondary:active:not(:disabled){background-color:var(--color-surface-offset)}.button--ghost{background-color:transparent;color:var(--color-text)}.button--ghost:hover:not(:disabled){background-color:var(--color-surface-offset)}.button--ghost:active:not(:disabled){background-color:var(--color-surface-offset)}.button--destructive{background-color:var(--color-negative-subtle);color:var(--color-tawny-stronger)}.button--destructive:hover:not(:disabled){background-color:var(--color-negative)}.button--destructive:active:not(:disabled){background-color:var(--color-negative)}.button--dark{background-color:var(--color-swiss-black);color:var(--color-white)}.button--dark:hover:not(:disabled){background-color:var(--color-alpha-black-800)}.button--dark:active:not(:disabled){background-color:var(--color-swiss-black)}.button--squared{border-radius:var(--radius-lg)}}