/* Alphard Golf - shared brand tokens for the product guides.
   Black + red, matching Emily's printed QSG so the printed sheet and the
   digital guide read as one set. Fonts come from fonts.css (embedded as data
   URIs, no CDN, no external request).

   Ported from the HydroDuster tester guide so the two guides are one family.
   The red is Pantone 485 C - the QSG accent - NOT the Tailwind red the earlier
   Club Booster build inherited from the Fusion guide. */

:root {
  --ink: #111111;
  --ink-soft: #2A2A2A;
  --red: #DA291C;          /* Pantone 485 C - the QSG accent red */
  --red-deep: #A81F15;     /* for text-on-white and hover, where 485C is too light */
  --paper: #FFFFFF;
  --wash: #F4F4F4;
  --rule: #D9D9D9;
  --muted: #5A5A5A;

  --display: 'AG Display', 'Oswald', 'Helvetica Neue', Arial, sans-serif;
  --sans: 'AG Sans', 'Inter', -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
}

* { box-sizing: border-box; }

/* Red section pill - the QSG's signature section header treatment.
   The pill is only the skin on a real <h2>, so the heading outline stays intact
   for screen readers and for the table of contents. */
.pill {
  display: inline-block;
  background: var(--red);
  color: #fff;
  font-family: var(--display);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .06em;
  line-height: 1;
}
/* weight 500 (not 400) so it resolves to a real embedded face - a synthesised
   weight makes Chrome's PDF writer fall back to a Type 3 font. */
.pill::after { content: ' \203A'; font-weight: 500; }

/* Line-art icons, drawn in the QSG's outline style */
.ic { fill: none; stroke: var(--ink); stroke-width: 2.1; stroke-linejoin: round; stroke-linecap: round; }
.ic--light { stroke: #fff; }