@layer components{.button{font-family:var(--font-text);font-size:var(--text-s);letter-spacing:var(--tracking-open);background:var(--card);border:var(--hairline-strong);border-radius:var(--radius-m);color:var(--ink);align-items:center;gap:var(--space-xs);min-height:var(--control-height);padding:0 var(--space-m);text-box:trim-both cap alphabetic;transition:background-color var(--transition-fast,0s) var(--ease-out), border-color var(--transition-fast,0s) var(--ease-out);justify-content:center;font-weight:650;line-height:1.3;display:inline-flex}.button[data-hovered]:not([data-disabled]){background:var(--accent-wash);border-color:var(--accent)}.button[data-pressed]:not([data-disabled]){background:color-mix(in oklab, var(--accent) 14%, var(--accent-wash));border-color:var(--accent)}.button[data-disabled]{color:var(--ink-soft);cursor:not-allowed}.button.inline-action{-webkit-text-decoration-color:var(--underline-soft);text-decoration-color:var(--underline-soft);text-decoration-line:underline;text-decoration-thickness:var(--stroke-thin);text-underline-offset:.2em;border-radius:var(--radius-s);color:var(--accent);background:0 0;border:none;padding:0}.button.inline-action[data-hovered]:not([data-disabled]){background:0 0;text-decoration-color:currentColor}.button.inline-action[data-pressed]{color:var(--accent-pressed);background:0 0;text-decoration-color:currentColor}.button.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.button.primary[data-hovered]:not([data-disabled]){background:color-mix(in oklab, var(--accent) 86%, var(--ink));border-color:color-mix(in oklab, var(--accent) 86%, var(--ink))}.button.primary[data-pressed]:not([data-disabled]){background:var(--accent-pressed);border-color:var(--accent-pressed)}}