/* FieldHouse design system — shared assets for HTML screen mockups */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');

html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }

.stat-num { font-variant-numeric: tabular-nums; letter-spacing: -0.02em; }

::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 8px; }
::-webkit-scrollbar-track { background: transparent; }

/* Tabs */
[data-group] { transition: color .15s ease, border-color .15s ease; }
[data-group].active {
  color: #0b1f3a !important;
  border-bottom-color: #1d4ed8 !important;
  font-weight: 600;
}

/* Podium rows */
.podium-gold   { background: linear-gradient(180deg, #fffbeb, #fef3c7); }
.podium-silver { background: linear-gradient(180deg, #f8fafc, #e2e8f0); }
.podium-bronze { background: linear-gradient(180deg, #fff7ed, #ffedd5); }

/* Landing hero mesh */
.hero-mesh {
  background:
    radial-gradient(60rem 30rem at 85% -10%, rgba(59,130,246,.35), transparent 60%),
    radial-gradient(40rem 24rem at 10% 110%, rgba(245,158,11,.22), transparent 55%),
    linear-gradient(160deg, #08152b 0%, #0b1f3a 55%, #123061 100%);
}