/* assets/css/components.css – buttons, badges, utilities */
.btn{ --btn-bg: linear-gradient(180deg, var(--accent), color-mix(in oklab, var(--accent) 65%, #000));
  background:var(--btn-bg); color:#fff; padding:10px 14px; border-radius:14px; display:inline-flex; align-items:center; gap:8px; border:0; cursor:pointer; position:relative; overflow:hidden; white-space:nowrap;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.35), 0 10px 22px color-mix(in oklab, var(--accent) 38%, transparent), 0 2px 6px rgba(0,0,0,.08);
}
.btn.ghost{ background:linear-gradient(180deg, color-mix(in oklab, #fff 85%, transparent), color-mix(in oklab, #fff 60%, transparent)); color:var(--txt); border:1px solid var(--border); box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 6px 14px rgba(2,6,23,.06) }
.badge{ display:inline-block; padding:4px 8px; border-radius:10px; background: color-mix(in oklab, var(--accent) 12%, transparent) }