/* Golden Gloves of America — design tokens, Direction A "Chicago 1923", v1.0.0 (2026-08-25).
   Every colour is sampled from the flag logo. Fonts: Big Shoulders (display) + Archivo (text), SIL OFL. */
@font-face { font-family: "Big Shoulders"; src: url("BigShoulders-Variable-latin.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }
@font-face { font-family: "Archivo"; src: url("Archivo-Variable-latin.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }
:root {
  --gg-navy: #0a2a62; --gg-navy-deep: #071d45; --gg-red: #b8103a; --gg-white: #ffffff; --gg-gold: #e8b818;
  --gg-paper-2: #f3f5f9; --gg-text: #2b3650; --gg-muted: #66708a; --gg-hair: #dfe4ee; --gg-hair-strong: #c3cbdc;
  --gg-font-display: "Big Shoulders", Impact, "Arial Narrow", sans-serif;
  --gg-font-text: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --gg-radius: 3px; --gg-rope: 3px solid var(--gg-red);
}
.gg-display { font-family: var(--gg-font-display); font-variation-settings: "opsz" 72, "wght" 900; font-weight: 900; text-transform: uppercase; line-height: .88; color: var(--gg-navy); }
.gg-title   { font-family: var(--gg-font-display); font-variation-settings: "opsz" 72, "wght" 800; font-weight: 800; text-transform: uppercase; line-height: .92; letter-spacing: .005em; color: var(--gg-navy); }
.gg-label   { font-family: var(--gg-font-display); font-variation-settings: "opsz" 72, "wght" 600; font-weight: 600; font-size: 15px; letter-spacing: .1em; text-transform: uppercase; color: var(--gg-red); }
.gg-num     { font-family: var(--gg-font-display); font-variation-settings: "opsz" 72, "wght" 800; font-weight: 800; font-variant-numeric: tabular-nums; line-height: .9; color: var(--gg-navy); }
.gg-body    { font-family: var(--gg-font-text); color: var(--gg-text); line-height: 1.6; }
.gg-rope    { border-top: var(--gg-rope); }
.gg-rope-y  { border-top: var(--gg-rope); border-bottom: var(--gg-rope); }
.gg-btn { display: inline-flex; align-items: center; justify-content: center; height: 48px; padding: 0 24px; border-radius: var(--gg-radius); font-family: var(--gg-font-display); font-variation-settings: "opsz" 72, "wght" 700; font-weight: 700; font-size: 19px; letter-spacing: .05em; text-transform: uppercase; }
.gg-btn-primary { background: var(--gg-navy); color: #fff; }
.gg-btn-secondary { background: transparent; color: var(--gg-navy); border: 2px solid var(--gg-navy); }
.gg-duo { position: relative; } .gg-duo img { filter: grayscale(1) contrast(1.12) brightness(1.02); }
.gg-duo::after { content: ""; position: absolute; inset: 0; background: var(--gg-navy); mix-blend-mode: lighten; pointer-events: none; }
.gg-corner-red { color: var(--gg-red); } .gg-corner-blue { color: var(--gg-navy); }