:root {
  --mogg-accent: #ff6a3d;
  --mogg-win: #3fb950;
  --mogg-loss: #f85149;
  --mogg-draw: #8b949e;
}

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 17px;
}

.brand { color: var(--mogg-accent) !important; font-weight: 800; }

/* content links use the orange accent; the navbar sits outside .section, so it's unaffected */
.section a { color: var(--mogg-accent); }
.section a:hover { opacity: .85; }

/* Stat tiles */
.stat-tiles { display: flex; gap: .75rem; flex-wrap: wrap; margin-bottom: 1.25rem; }
.stat-tile {
  flex: 1 1 8rem;
  background: var(--bulma-scheme-main-bis, #161c26);
  border-left: 3px solid var(--mogg-accent);
  border-radius: 6px;
  padding: .75rem 1rem;
}
.stat-tile .tile-label { font-size: .7rem; letter-spacing: .05em; text-transform: uppercase; color: var(--bulma-text-weak, #8b949e); }
.stat-tile .tile-value { font-size: 1.6rem; font-weight: 700; line-height: 1.2; font-variant-numeric: tabular-nums; }

/* Match result colours */
.result-win { color: var(--mogg-win); }
.result-loss { color: var(--mogg-loss); }
.result-draw { color: var(--mogg-draw); }

/* Scoreboard team panels */
.team-panel.team-won { border-left: 3px solid var(--mogg-win); }
.team-panel.team-lost { border-left: 3px solid var(--mogg-loss); }

/* Polished tables */
.mogg-table { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; }
.mogg-table thead th {
  text-transform: uppercase;
  font-size: .72rem;
  letter-spacing: .04em;
  font-weight: 600;
  color: var(--bulma-text-weak, #8b949e);
  border-bottom: 1px solid var(--bulma-border, #2a2f3a);
  padding: .5rem .75rem;
  white-space: nowrap;
}
.mogg-table tbody td {
  padding: .62rem .75rem;
  border-bottom: 1px solid color-mix(in srgb, var(--bulma-border, #2a2f3a) 55%, transparent);
  vertical-align: middle;
}
.mogg-table tbody tr:last-child td { border-bottom: 0; }
.mogg-table tbody tr:hover td { background: color-mix(in srgb, var(--mogg-accent) 9%, transparent); }
.mogg-table .num { text-align: right; }

/* Micro-transitions */
.mogg-table tbody tr td { transition: background-color .12s ease; }
.section a { transition: color .12s ease, opacity .12s ease; }

/* Accent button */
.button.is-mogg { background-color: var(--mogg-accent); border-color: transparent; color: #0e1116; font-weight: 600; }
.button.is-mogg:hover { background-color: var(--mogg-accent); border-color: transparent; color: #0e1116; opacity: .9; }

/* Active nav item */
.navbar-item.is-active-page { color: var(--mogg-accent) !important; font-weight: 600; }