/* SFTT Gold/Chrome Buttons — content-only
   Dark mode: gold with black text
   Light mode: chrome/silver with black text
*/
:root{
  --sftt-gold:#bfa14a;           /* brand gold */
  --sftt-gold-h:#a98e3f;         /* hover/darken */
  --sftt-chrome:#d4d7db;         /* soft chrome */
  --sftt-chrome-h:#c6cacf;       /* hover/darken */
  --sftt-text:#0b0b0b;           /* black text */
  --sftt-radius:12px;
  --sftt-border:rgba(0,0,0,.25);
}

.btn, .btn-sftt{
  display:inline-flex;align-items:center;justify-content:center;
  font:700 15px/1.1 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto;
  padding:.65rem 1rem;border-radius:var(--sftt-radius);text-decoration:none;
  border:1px solid var(--sftt-border);transition:transform .06s, box-shadow .15s, background .15s, border-color .15s;
  color:var(--sftt-text);
}
/* default to gold in dark */
html[data-theme="dark"] .btn, html[data-theme="dark"] .btn-sftt{ background:var(--sftt-gold); }
html[data-theme="dark"] .btn:hover, html[data-theme="dark"] .btn-sftt:hover{ background:var(--sftt-gold-h); transform:translateY(-1px); }
/* chrome in light */
html[data-theme="light"] .btn, html[data-theme="light"] .btn-sftt{ background:var(--sftt-chrome); }
html[data-theme="light"] .btn:hover, html[data-theme="light"] .btn-sftt:hover{ background:var(--sftt-chrome-h); transform:translateY(-1px); }

.btn-sm{ padding:.5rem .8rem; font-weight:700; font-size:14px; border-radius:10px; }
.btn-full{ width:100%; justify-content:center; }

/* Respect cards/sections spacing */
.card a.btn, .panel a.btn, section a.btn, main a.btn { margin-top:.25rem; }