/* 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);
}