/* ==========================================================================
   FLASH SPORTS — SAGE + YELLOW THEME
   Loaded AFTER sage.css by sage-yellow.html. Keeps the forest-green / cream
   palette and swaps the pale sage-yellow accent for the logo's own yellow.
   Pale sage stays for subtle borders, chips and the court lines.
   ========================================================================== */
:root {
  --ball: #FDDB05;          /* logo yellow: primary accent fill */
  --ball-d: #D9B900;
}

.hero-bg { color: #DEDBA6; }                       /* court lines stay soft sage */
.btn-ball:hover { background: #FFE637; }
.btn-ball { box-shadow: 0 8px 22px -12px rgba(0, 0, 0, .55); }
.dot { box-shadow: 0 0 0 4px rgba(253, 219, 5, .28); animation: ypulse 2s infinite; }
@keyframes ypulse { 50% { box-shadow: 0 0 0 8px rgba(253, 219, 5, 0); } }
.next-card a { border-bottom-color: var(--ball-d); }
.chip { background: rgba(253, 219, 5, .14); }
.card-dark .num { -webkit-text-stroke-color: rgba(253, 219, 5, .5); }
.tier-hot { box-shadow: 0 0 0 1px rgba(253, 219, 5, .35); }