/* glennstover.com — Field Marshal design tokens (v2, Oct 25 2026; official logo a2-v1, colors unchanged)
   Fonts (Google Fonts, SIL OFL; self-host WOFF2 if preferred):
   https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Barlow:wght@400;500;600;700&family=DM+Mono:wght@400;500&display=swap */
:root{
  /* Color */
  --gs-charcoal:#14161A;   /* primary background */
  --gs-graphite:#1E2126;   /* cards, raised surfaces */
  --gs-steel:#2C3037;      /* borders, dividers */
  --gs-copper:#C8794A;     /* primary accent, buttons, links */
  --gs-copper-deep:#A65F36;/* hover/pressed */
  --gs-brass:#D9B06A;      /* secondary accent, sparing; focus ring */
  --gs-bone:#ECE7DF;       /* text on dark, light background */
  --gs-gray:#9A9A9C;       /* secondary text on dark */
  --gs-ink:#5A5C60;        /* secondary text on light */
  --gs-blueprint:rgba(200,121,74,.07); /* grid lines */
  /* Type */
  --gs-font-display:"Barlow Condensed","Arial Narrow",Arial,sans-serif;
  --gs-font-body:"Barlow","Helvetica Neue",Arial,sans-serif;
  --gs-font-mono:"DM Mono",ui-monospace,Menlo,Consolas,monospace;
  --gs-h1:clamp(3rem,7vw,6.5rem);    /* Barlow Condensed 800, uppercase, lh .92 */
  --gs-h2:clamp(2.25rem,4.5vw,4rem); /* Barlow Condensed 700, uppercase, lh 1 */
  --gs-h3:1.5rem;                    /* Barlow Condensed 600, uppercase, ls .04em */
  --gs-eyebrow:.8125rem;             /* DM Mono 500, uppercase, ls .2em, copper */
  --gs-body:1.125rem;                /* Barlow 400, lh 1.6 */
  --gs-small:.875rem;
  /* Shape & space */
  --gs-radius:2px; --gs-border:1px solid var(--gs-steel);
  --gs-space:8px; --gs-max:1240px;
  --gs-grid:linear-gradient(var(--gs-blueprint) 1px,transparent 1px) 0 0/40px 40px,
            linear-gradient(90deg,var(--gs-blueprint) 1px,transparent 1px) 0 0/40px 40px;
}
/* Reference components */
.gs-btn{font:600 .9375rem/1 var(--gs-font-body);letter-spacing:.12em;text-transform:uppercase;padding:18px 28px;border-radius:var(--gs-radius);border:2px solid var(--gs-copper);cursor:pointer;display:inline-block;text-decoration:none}
.gs-btn--primary{background:var(--gs-copper);color:var(--gs-charcoal)}
.gs-btn--primary:hover{background:var(--gs-copper-deep);border-color:var(--gs-copper-deep)}
.gs-btn--ghost{background:transparent;color:var(--gs-bone)}
.gs-btn--ghost:hover{background:rgba(200,121,74,.12)}
.gs-btn--text{border:0;padding:18px 0;color:var(--gs-bone);background:none}
.gs-btn--text::after{content:"  \2192";color:var(--gs-copper)}
.gs-btn:focus-visible{outline:2px solid var(--gs-brass);outline-offset:3px}
.gs-eyebrow{font:500 var(--gs-eyebrow)/1.2 var(--gs-font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--gs-copper)}
.gs-h1{font:800 var(--gs-h1)/.92 var(--gs-font-display);text-transform:uppercase;letter-spacing:.01em;color:var(--gs-bone)}
.gs-h1 em{font-style:normal;color:var(--gs-copper)}
.gs-h2{font:700 var(--gs-h2)/1 var(--gs-font-display);text-transform:uppercase;color:var(--gs-bone)}
.gs-h2::after{content:"";display:block;width:56px;height:3px;background:var(--gs-copper);margin-top:16px}
.gs-h3{font:600 var(--gs-h3)/1.15 var(--gs-font-display);text-transform:uppercase;letter-spacing:.04em;color:var(--gs-bone)}