/* ============================================================
   IRONHAND — brand tokens
   Everything you need to rebrand this template lives here.
   Loaded before the inline <style>.
   ============================================================ */
:root{

  /* ---- Palette — four values, no hue ------------------------
     Ironhand is deliberately monochrome. There is no accent
     COLOUR; the accent is an inverted BLOCK — ink on light
     instead of light on ink. If you introduce a hue here you
     will break the concept, so change the greys instead.      */
  --bg:#0B0B0B;              /* page ground — never pure black */
  --fg:#E8E8E8;              /* body + display type            */
  --muted:#8F8F8F;           /* secondary copy (6.09:1 on bg)  */
  --rule:rgba(232,232,232,.14); /* every hairline on the page  */

  /* Derived, not new colours: */
  --label:#A3A3A3;           /* 11–13px mono labels — extra AA headroom */
  --fg-dim:rgba(232,232,232,.55);
  --inv-bg:var(--fg);        /* inverted block ground */
  --inv-fg:var(--bg);        /* inverted block type   */

  /* ---- Type ------------------------------------------------
     Three roles. Anton is display-only and never below 24px;
     Space Mono is label-only and never above 13px.            */
  --display:'Anton','Arial Narrow',sans-serif;
  --body:'Space Grotesk',system-ui,sans-serif;
  --mono:'Space Mono',ui-monospace,monospace;

  /* ---- Radius — system (a): sharp editorial -----------------
     0px everywhere. No exceptions. 4px-on-everything is the
     cheap-template signature.                                  */
  --r:0px;

  /* ---- Layout ---------------------------------------------- */
  --wrap:1240px;
  --pad:clamp(18px,4.5vw,60px);        /* stepped gutter, 18px floor */
  --band:clamp(6rem,14vw,12rem);       /* section padding  */
  --band-tight:clamp(4rem,8vw,7rem);

  /* ---- Motion ---------------------------------------------- */
  --ease:cubic-bezier(.16,1,.3,1);
  --t:.5s;
}

/* defensive: prevent any stray horizontal scroll (clip, not hidden — keeps position:sticky working) */
html { overflow-x: clip; }