/* Hawks Grid brand tokens. See hawks-grid-claude-code-brief.md Step 7 -
   these values are fixed by the club's brand guidelines, not design choices
   made for this build. */
:root {
  --hawks-red: #FF0013;
  --hawks-dark-red: #BF0000;
  --hawks-black: #000000;
  --hawks-grey: #373737;
  --hawks-white: #FFFFFF;
  --hawks-border: #E2E2E2;
  --hawks-teal: #009092; /* Heritage Teal - sampled master artwork value */

  --font-display: 'Anton', sans-serif;
  --font-body: 'Poppins', sans-serif;

  /* Motion: snappy and confident, not playful. */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --duration-hover: 120ms;
  --duration-state: 200ms;
  --duration-scene: 360ms;

  --radius: 0; /* square corners, always */

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
}