/* Beyond shared brand tokens. Loaded by every Beyond site.
   Sub-brands override --accent (and only --accent) in their own page. */
:root{
  --bg:#0e0f11;
  --panel:#17191c;
  --line:#2a2e33;
  --ink:#f2f3f1;
  --muted:#a2a8ae;
  --accent:#f2c304;          /* Beyond gold — the master brand colour */
  --accent-ink:#101010;
  --display:"Anton","Arial Narrow",system-ui,sans-serif;
  --body:"Inter",system-ui,-apple-system,sans-serif;

  /* sub-brand colours */
  --sharpening:#f2c304;
  --mechanic:#3b9dff;
  --detailing:#2fd6c3;
  --it:#a98bff;
}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font:400 16.5px/1.6 var(--body);-webkit-font-smoothing:antialiased}
a{color:var(--accent)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
img{max-width:100%;height:auto}
.wrap{max-width:62rem;margin:0 auto;padding:0 1.5rem}
h1,h2,h3{font-family:var(--display);font-weight:400;text-transform:uppercase;letter-spacing:.02em;line-height:1.03}
.lede{color:var(--muted);max-width:60ch}
.btn{
  display:inline-flex;align-items:center;gap:.5rem;background:var(--accent);color:var(--accent-ink);
  text-decoration:none;font-weight:700;padding:.75rem 1.2rem;border-radius:6px;min-height:44px;
}
.btn:hover,.btn:focus-visible{filter:brightness(1.08)}
.btn.ghost{background:transparent;color:var(--ink);border:2px solid var(--line)}
.btn.ghost:hover,.btn.ghost:focus-visible{border-color:var(--accent);color:var(--accent)}