/* League-facing design system (LIGHT) — 2026-08-08.
   Bundled Inter variable font (SIL OFL), design tokens, and shared
   components for the public board + manager console. The commissioner
   cockpit (strategy/admin) uses style.css instead. */

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/inter-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
    U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --lg-bg: #f6f7fb;
  --lg-surface: #ffffff;
  --lg-ink: #0f172a;
  --lg-ink-soft: #64748b;
  --lg-ink-faint: #94a3b8;
  --lg-line: #e6eaf2;
  --lg-radius: 14px;
  --lg-radius-sm: 9px;
  --lg-shadow-1: 0 1px 2px rgba(15, 23, 42, .05), 0 1px 6px rgba(15, 23, 42, .04);
  --lg-shadow-2: 0 2px 6px rgba(15, 23, 42, .07), 0 10px 28px rgba(15, 23, 42, .07);
  --lg-qb: #e11d48; --lg-rb: #10b981; --lg-wr: #3b82f6; --lg-te: #f59e0b;
}

body.league {
  background:
    radial-gradient(1100px 400px at 85% -120px, rgba(59, 130, 246, .07), transparent 60%),
    radial-gradient(900px 380px at 5% -100px, rgba(16, 185, 129, .06), transparent 55%),
    var(--lg-bg);
  color: var(--lg-ink);
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  font-feature-settings: "tnum" 1;   /* tabular prices everywhere */
  letter-spacing: -0.01em;
}
body.league h1, body.league h2, body.league h3,
body.league h4, body.league h5 { font-weight: 800; letter-spacing: -0.02em; }

body.league .navbar {
  background: rgba(255, 255, 255, .82) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--lg-line) !important;
}

/* shared card */
.lg-card {
  background: var(--lg-surface);
  border: 1px solid var(--lg-line);
  border-radius: var(--lg-radius);
  box-shadow: var(--lg-shadow-1);
}

/* initials avatar (position-ringed) */
.pv {
  display: inline-flex; align-items: center; justify-content: center;
  width: 22px; height: 22px; border-radius: 50%;
  background: rgba(255, 255, 255, .22);
  border: 1.5px solid rgba(255, 255, 255, .75);
  font-size: .58rem; font-weight: 800; color: #fff;
  letter-spacing: 0; flex: 0 0 auto;
}

/* scrolling pick ticker */
.ticker-wrap {
  overflow: hidden; white-space: nowrap;
  border-top: 1px solid var(--lg-line);
  border-bottom: 1px solid var(--lg-line);
  background: var(--lg-surface);
  font-size: .78rem;
}
.ticker {
  display: inline-block; padding: 5px 0;
  animation: tickerScroll 40s linear infinite;
}
.ticker-wrap:hover .ticker { animation-play-state: paused; }
@keyframes tickerScroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
.tk-item { margin: 0 18px; color: var(--lg-ink-soft); }
.tk-item b { color: var(--lg-ink); font-weight: 700; }
.tk-pos { display: inline-block; min-width: 26px; text-align: center;
          border-radius: 5px; color: #fff; font-size: .62rem;
          font-weight: 800; padding: 0 4px; margin-right: 5px;
          vertical-align: 1px; }
.tk-QB { background: var(--lg-qb); } .tk-RB { background: var(--lg-rb); }
.tk-WR { background: var(--lg-wr); } .tk-TE { background: var(--lg-te); }