/* Subtext UI primitives — built only from tokens. Load AFTER tokens.css.
   Shared by marketing/ and website/ so buttons, chips, and labels stay identical. */

.btn{appearance:none;border:none;cursor:pointer;text-decoration:none;font-family:var(--font-ui);
  font-weight:var(--fw-bold);font-size:var(--fs-16);display:inline-flex;align-items:center;justify-content:center;
  gap:var(--space-2);padding:15px var(--space-6);border-radius:14px;
  transition:filter var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}
.btn:active{transform:translateY(1px)}
.btn.primary{background:var(--grad-accent);color:var(--text-ink);box-shadow:var(--glow)}
.btn.primary:hover{filter:brightness(1.06)}
.btn.ghost{background:var(--ink-600);color:var(--text-hi);border:1px solid var(--line-dark)}
.btn.ghost:hover{border-color:var(--accent-400)}
.btn.dark{background:var(--ink-900);color:#fff}
.btn.block{width:100%}

.kicker{font-family:var(--font-ui);margin:0;font-size:var(--fs-12);font-weight:var(--fw-semibold);
  text-transform:uppercase;letter-spacing:var(--tracking-kicker);color:var(--accent-400)}

.pill{display:inline-flex;align-items:center;font-size:var(--fs-14);color:var(--text-mid);
  background:var(--ink-600);border:1px solid var(--line-dark);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill)}

.chip{display:inline-block;font-size:var(--fs-12);color:var(--accent-400);background:rgba(167,139,250,.12);
  border:1px solid rgba(167,139,250,.3);padding:4px 10px;border-radius:var(--radius-pill);
  text-transform:uppercase;letter-spacing:.06em}