/* Sky Sports Golf media site.
 *
 * A PALETTE OVERRIDE, NOT A SECOND STYLESHEET. `site.css` loads first and owns
 * every layout rule; this redefines the brand tokens it already reads from, so
 * the Sky pages and the KPMG ones cannot drift apart on spacing, type scale or
 * component structure — only on colour, which is the thing that should differ.
 *
 * A full copy would be the same mistake as a copied CloudFront function: two
 * sources that agree the day they are written.
 *
 * The values are `theme_sky.py`'s, which is what the PACKS are rendered in — so
 * a pack opened from this site looks like the site it was opened from, and
 * there is one place to change Sky's blue.
 */

:root {
  --navy: #00091a;
  /* SKY_NAVY / SKY_RED / TFG_BLUE in theme_sky.py */
  --kblue: #002a91;
  --ksky: #006bed;
  /* Sky's red carries the accent the KPMG site gives to gold. Kept under the
     existing token names so no layout rule has to know which brand it is in. */
  --kgold: #f80605;
  --kgold-h: #ff3b3a;
}

/* The masthead lockup is wordmark-only here — there is no Sky logo asset in
   this repo and inventing one would be worse than setting the name in the
   display face the rest of the site already loads. Swap for a real asset when
   Sky supply one; nothing else needs to change. */
.sky-wordmark {
  font-family: var(--display);
  font-size: clamp(30px, 6vw, 54px);
  letter-spacing: 0.02em;
  line-height: 1;
  color: var(--text);
}
.sky-wordmark span {
  display: block;
  font-family: var(--font);
  font-size: 0.26em;
  font-weight: 800;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--kgold);
  margin-top: 6px;
}

/* Tournament index — the sections a reader chooses between. Reuses the pack
   grid's card metrics so a tournament card and a pack card sit on the same
   rhythm. */
.tournament-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
}
.tournament-card {
  display: block;
  padding: 18px 20px;
  border: 1px solid var(--surface-border);
  background: var(--surface-card);
  border-radius: 4px;
  text-decoration: none;
  color: inherit;
  transition: border-color 0.15s ease;
}
.tournament-card:hover,
.tournament-card:focus-visible {
  border-color: var(--kgold);
}
.tournament-card__eyebrow {
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--kgold);
}
.tournament-card__title {
  font-family: var(--display);
  font-size: 1.7rem;
  line-height: 1.05;
  margin: 8px 0 6px;
}
.tournament-card__meta {
  font-size: 0.82rem;
  color: var(--muted);
}
/* An event with nothing published yet is shown and marked, not hidden: a
   reader looking for the Solheim Cup should find it and learn that the packs
   are not out, rather than conclude the site does not cover it. */
.tournament-card--empty {
  opacity: 0.55;
}
.tournament-card--empty:hover {
  border-color: var(--surface-border);
}