/* SFTT Content Buttons Only — v3
   Dark: gold w/ black text
   Light: chrome w/ black text
   Scope: cards/sections/articles in MAIN content only.
*/
:root{
  --sftt-gold:#bfa14a;
  --sftt-gold-h:#a98e3f;
  --sftt-chrome:#d4d7db;
  --sftt-chrome-h:#c6cacf;
  --sftt-text:#0b0b0b;
  --sftt-bdr:rgba(0,0,0,.25);
  --sftt-radius:12px;
}
/* base button */
.btn-sftt{
  display:inline-flex; align-items:center; justify-content:center;
  padding:.65rem 1rem;
  border-radius:var(--sftt-radius);
  border:1px solid var(--sftt-bdr);
  text-decoration:none; font:700 15px/1.1 system-ui,-apple-system,Segoe UI,Roboto;
  color:var(--sftt-text);
  transition:transform .06s, background .15s;
}
/* dark = gold */
html[data-theme="dark"] .btn-sftt{ background:var(--sftt-gold); }
html[data-theme="dark"] .btn-sftt:hover{ background:var(--sftt-gold-h); transform:translateY(-1px); }
/* light = chrome */
html[data-theme="light"] .btn-sftt{ background:var(--sftt-chrome); }
html[data-theme="light"] .btn-sftt:hover{ background:var(--sftt-chrome-h); transform:translateY(-1px); }

/* spacing inside cards */
main .card a.btn-sftt, main section a.btn-sftt, main article a.btn-sftt{ margin-top:.35rem; }