@import url("/public/css/theme-light-viewer-alpha-release-20261019-local-1.css?v=soft-grey-20260911");
@import url("/public/css/theme-light-workspace-alpha-release-20261019-local-1.css?v=light-workspace-20260912");
@import url("/public/css/theme-light-org-alpha-release-20261019-local-1.css?v=org-light-20260912");
@import url("/public/css/theme-light-org-registry-alpha-release-20261019-local-1.css?v=org-light-20260912");
@import url("/public/css/theme-light-org-competition-alpha-release-20261019-local-1.css?v=org-ja-20261017");
@import url("/public/css/theme-tonal-alpha-release-20261019-local-1.css?v=distinct-site-dark-20261017");
@import url("/public/css/player-dashboard-theme-alpha-release-20261019-local-1.css?v=coherent-dashboard-20261017");
@import url("/public/css/theme-controls-alpha-release-20261019-local-1.css?v=colour-states-20261017");

/* Global three-mode contract. Site uses Bracketr navy; Dark uses near-black. */
html.bracketr-theme-dark {
  color-scheme: dark;
  --bg: #020814;
  --bg2: #061b38;
  --bg-soft: #08111f;
  --panel: rgba(3, 12, 28, .92);
  --panel2: rgba(7, 23, 50, .78);
  --surface: rgba(4, 15, 34, .92);
  --surface-2: rgba(8, 24, 48, .9);
  --line: rgba(0, 170, 255, .22);
  --border: rgba(0, 170, 255, .22);
  --border2: rgba(0, 213, 255, .34);
  --text: #f4f8ff;
  --muted: #aebfd5;
}

html.bracketr-theme-light {
  color-scheme: light;
  --bg: #f1f4f8;
  --bg2: #ffffff;
  --bg-soft: #e8eef5;
  --panel: #ffffff;
  --panel2: #e8eef5;
  --surface: #ffffff;
  --surface-2: #e8eef5;
  --line: rgba(30, 64, 105, .18);
  --border: rgba(30, 64, 105, .18);
  --border2: rgba(37, 99, 235, .32);
  --text: #243247;
  --muted: #5d6c80;
  --public-surface: #ffffff;
  --public-surface-strong: #e8eef5;
  --public-line: rgba(30, 64, 105, .16);
  --public-line-strong: rgba(37, 99, 235, .3);
  --public-text: #243247;
  --public-muted: #5d6c80;
}

html.bracketr-theme-light body:not(.master-access-page):not(.team-manager-page) {
  color: var(--text) !important;
  background-color: #f1f4f8 !important;
}

html.bracketr-theme-light body.auth-login-page,
html.bracketr-theme-light body.reset-password-page,
html.bracketr-theme-light body.public-org-page,
html.bracketr-theme-light body.series-page,
html.bracketr-theme-light body.viewer-public-shell,
html.bracketr-theme-light .site-shell {
  background: radial-gradient(circle at 15% 15%, rgba(37, 99, 235, .1), transparent 32rem), linear-gradient(135deg, #f1f4f8, #ffffff 55%, #e7f0fa) !important;
  color: #243247 !important;
}

html.bracketr-theme-light .public-site-nav,
html.bracketr-theme-light .viewer-site-nav.public-site-nav,
html.bracketr-theme-light .site-nav,
html.bracketr-theme-light .public-account-panel,
html.bracketr-theme-light .public-account-menu {
  background: #ffffff !important;
  border-color: rgba(30, 64, 105, .16) !important;
  box-shadow: 0 1px 4px rgba(24, 45, 72, .04) !important;
}

html.bracketr-theme-light .public-site-nav .nav-pill:not(.nav-pill-primary),
html.bracketr-theme-light .viewer-site-nav .login-button:not(.primary),
html.bracketr-theme-light .public-account-bell,
html.bracketr-theme-light .public-account-panel-action {
  background: #e8eef5 !important;
  border-color: rgba(30, 64, 105, .2) !important;
  color: #17304d !important;
}

html.bracketr-theme-light .viewer-site-nav .site-links a,
html.bracketr-theme-light .public-account-profile strong,
html.bracketr-theme-light .public-account-panel header strong,
html.bracketr-theme-light .public-account-menu a,
html.bracketr-theme-light .public-account-menu button {
  color: #17304d !important;
}

html.bracketr-theme-light .public-account-profile small,
html.bracketr-theme-light .public-account-panel header span,
html.bracketr-theme-light .public-account-empty {
  color: #60748c !important;
}

html.bracketr-theme-light .auth-card,
html.bracketr-theme-light .panel,
html.bracketr-theme-light .hero-panel,
html.bracketr-theme-light .live-panel,
html.bracketr-theme-light .capability-card,
html.bracketr-theme-light .stream-card,
html.bracketr-theme-light .event-card,
html.bracketr-theme-light .org-public-card,
html.bracketr-theme-light .org-section,
html.bracketr-theme-light .viewer-card {
  background: #ffffff !important;
  border-color: rgba(30, 64, 105, .16) !important;
  color: #243247 !important;
  box-shadow: 0 2px 8px rgba(24, 45, 72, .05) !important;
}

html.bracketr-theme-light .hero-copy .hero-text,
html.bracketr-theme-light .capability-card p,
html.bracketr-theme-light .section-head p {
  color: #52677f !important;
}

html.bracketr-theme-light .auth-login-page .auth-login-card h2,
html.bracketr-theme-light .auth-login-page .auth-login-card h3,
html.bracketr-theme-light .auth-login-page .auth-login-card label,
html.bracketr-theme-light .auth-login-page .auth-login-card label span,
html.bracketr-theme-light .auth-login-page .auth-form-copy strong {
  color: #243247 !important;
}

html.bracketr-theme-light .auth-login-page .auth-login-card p,
html.bracketr-theme-light .auth-login-page .auth-social-actions p,
html.bracketr-theme-light .auth-login-page .auth-legal,
html.bracketr-theme-light .auth-login-page .auth-form-copy,
html.bracketr-theme-light .auth-login-page input::placeholder {
  color: #64778d !important;
}

html.bracketr-theme-light .auth-login-page .auth-card-heading img {
  padding: 10px 14px;
  border-radius: 12px;
  background: #0a1729;
}

html.bracketr-theme-light .auth-login-page .auth-provider-button {
  background: #e8eef5 !important;
  border-color: rgba(30, 64, 105, .2) !important;
  color: #17304d !important;
}

html.bracketr-theme-light .auth-login-page .auth-hero-copy h1,
html.bracketr-theme-light .auth-login-page .auth-hero-copy p:not(.auth-eyebrow) {
  color: #243247 !important;
  text-shadow: none;
}

html.bracketr-theme-light body.viewer-round-page,
html.bracketr-theme-light body.viewer-page,
html.bracketr-theme-light body.live-bracket-page {
  color: #243247 !important;
}

html.bracketr-theme-light input,
html.bracketr-theme-light select,
html.bracketr-theme-light textarea {
  background-color: #e9ecee;
  border-color: rgba(30, 64, 105, .22);
  color: #243247;
}

html.bracketr-theme-light option { background: #e9ecee; color: #243247; }

html.bracketr-theme-dark body {
  color: var(--text);
}

html.bracketr-theme-light img,
html.bracketr-theme-dark img {
  color-scheme: normal;
}

/* Public surfaces use explicit light-mode semantics instead of inheriting
   dark authored colours from their individual legacy stylesheets. */
html.bracketr-theme-light .home-page-classic .classic-viewer-hero h1,
html.bracketr-theme-light .home-page-classic .compact-capabilities .capability-card h3 {
  color: #243247 !important;
}

html.bracketr-theme-light .home-page-classic .classic-viewer-hero h1 {
  max-width: 580px;
}

html.bracketr-theme-light .home-page-classic .classic-viewer-hero {
  background:
    linear-gradient(90deg, rgba(226, 234, 243, .98) 0%, rgba(222, 231, 241, .91) 45%, rgba(206, 219, 233, .7) 100%),
    url("/public/assets/images/bracketr-esports-crowd-hero.webp") center / cover !important;
  border-color: rgba(33, 63, 98, .24) !important;
  box-shadow: 0 18px 42px rgba(34, 59, 88, .13) !important;
}

html.bracketr-theme-light body.home-page.home-page-classic.bracketr-theme-light {
  background: #f1f4f8 !important;
}

html.bracketr-theme-light .home-page-classic .classic-viewer-hero::before {
  background: linear-gradient(180deg, transparent 58%, rgba(81, 101, 124, .2));
}

html.bracketr-theme-light .home-page-classic .clean-bracket .bracket-match {
  background: rgba(239, 244, 249, .92);
  border-color: rgba(38, 91, 145, .42);
  color: #253a52;
  box-shadow: 0 10px 24px rgba(35, 57, 82, .14);
  backdrop-filter: blur(8px);
}

html.bracketr-theme-light .home-page-classic .clean-bracket .bracket-match div {
  border-bottom-color: rgba(40, 72, 108, .14);
}

html.bracketr-theme-light .home-page-classic .clean-bracket .bracket-match span {
  color: #50647b;
  opacity: 1;
}

html.bracketr-theme-light .home-page-classic .clean-bracket .bracket-match strong {
  color: #172b43;
}

html.bracketr-theme-light .home-page-classic .clean-bracket .bracket-lines path {
  stroke: rgba(24, 126, 198, .72);
}

html.bracketr-theme-light .home-page-classic .round-label {
  color: #0d75bf;
  opacity: 1;
}

html.bracketr-theme-light .home-page-classic .capability-card {
  background: #ffffff !important;
  border-color: rgba(38, 69, 105, .2) !important;
  box-shadow: 0 2px 8px rgba(24, 45, 72, .04) !important;
}

html.bracketr-theme-light .home-page-classic .compact-capabilities .cap-icon {
  border-color: rgba(30, 91, 151, .42);
  background: var(--light-inset);
}

html.bracketr-theme-light .home-page-classic .footer-brand img {
  content: url("/public/assets/logos/bracketrLogoBlackWBGTHINNOBG.png");
}

html.bracketr-theme-light .home-page-classic .viewer-site-nav.public-site-nav .site-brand {
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}

html.bracketr-theme-light .home-page-classic .viewer-site-nav .viewer-brand-logo {
  content: url("/public/assets/logos/bracketrLogoBlackWBGTHINNOBG.png");
}

html.bracketr-theme-light .home-page-classic .classic-viewer-hero .btn-secondary {
  color: var(--light-ink) !important;
}

html.bracketr-theme-light .auth-login-page .auth-eyebrow {
  color: #334a67 !important;
  text-shadow: none;
}

html.bracketr-theme-light .whats-on-page .section-block {
  background: #ffffff !important;
  border-color: rgba(30, 64, 105, .22) !important;
  color: #243247 !important;
}

html.bracketr-theme-light .whats-on-page .event-card,
html.bracketr-theme-light .whats-on-page .live-card,
html.bracketr-theme-light .whats-on-page .empty-card {
  background: #ffffff !important;
  border-color: rgba(30, 64, 105, .22) !important;
  color: #243247 !important;
}

html.bracketr-theme-light .whats-on-page .event-card h3,
html.bracketr-theme-light .whats-on-page .live-card h3,
html.bracketr-theme-light .whats-on-page .support-bracketr-card h2,
html.bracketr-theme-light .whats-on-page .section-head h2 {
  color: #243247 !important;
}

html.bracketr-theme-light .whats-on-page .event-meta,
html.bracketr-theme-light .whats-on-page .match-meta,
html.bracketr-theme-light .whats-on-page .support-bracketr-card p,
html.bracketr-theme-light .whats-on-page .empty-card {
  color: #52677f !important;
}

html.bracketr-theme-light .whats-on-page .detail-list span {
  background: #e8eef5 !important;
  border-color: rgba(30, 64, 105, .2) !important;
  color: #17304d !important;
}

html.bracketr-theme-light .whats-on-page .secondary-action,
html.bracketr-theme-light .whats-on-page .carousel-arrow {
  background: #e8eef5 !important;
  border-color: rgba(30, 64, 105, .3) !important;
  color: #17304d !important;
}

html.bracketr-theme-light .whats-on-page .support-bracketr-section {
  background: #ffffff !important;
}

html.bracketr-theme-light .whats-on-page .site-brand {
  background: #ffffff url("/public/assets/logos/bracketrLogoBlackWBGTHINNOBG.png") center / 196px 36px no-repeat !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

html.bracketr-theme-light .whats-on-page .viewer-brand-logo {
  opacity: 0;
}

html.bracketr-theme-light .whats-on-page .whats-header {
  background:
    linear-gradient(90deg, #ffffff 0%, rgba(250, 249, 246, .94) 52%, rgba(240, 245, 251, .86) 100%),
    url("/public/assets/rocket-league/match-center-access-bg.webp") center / cover !important;
  border-color: rgba(24, 45, 72, .16) !important;
  box-shadow: 0 18px 48px rgba(24, 45, 72, .09) !important;
}

html.bracketr-theme-light .whats-on-page .whats-header::after {
  background: linear-gradient(180deg, transparent, rgba(228, 234, 242, .34)) !important;
}

html.bracketr-theme-light .whats-on-page .whats-header h1 { color: #14243a !important; }
html.bracketr-theme-light .whats-on-page .whats-intro { color: #4f6177 !important; }
html.bracketr-theme-light .whats-on-page .whats-paths span {
  background: #ffffff !important;
  border-color: #9bbce2 !important;
  color: #174f9c !important;
  box-shadow: 0 5px 14px rgba(24, 45, 72, .05);
}

/* Internal workspace light contract. Feature styles may author dark defaults,
   but light mode always resolves to warm canvas, paper surfaces and navy ink. */
html.bracketr-theme-light {
  --bg: #f1f4f8;
  --bg-2: #e8eef5;
  --bg2: #e8eef5;
  --bg-soft: #e8eef5;
  --panel: #ffffff;
  --panel-2: #e8eef5;
  --panel-3: #f1f4f8;
  --panel2: #e8eef5;
  --surface: #ffffff;
  --surface-2: #e8eef5;
  --line: rgba(24, 45, 72, .15);
  --line2: rgba(31, 101, 209, .28);
  --border: rgba(24, 45, 72, .15);
  --border2: rgba(31, 101, 209, .3);
  --text: #243247;
  --muted: #627084;
  --team-bg: #f1f4f8;
  --team-panel: #ffffff;
  --team-panel-soft: #e8eef5;
  --team-border: rgba(24, 45, 72, .16);
  --team-text: #243247;
  --team-muted: #667489;
}

html.bracketr-theme-light body.brk-redesign-page,
html.bracketr-theme-light body.brk-mockup-page,
html.bracketr-theme-light body.brk-talent-shell,
html.bracketr-theme-light body.team-manager-page,
html.bracketr-theme-light body.registry-admin-page {
  background:
    radial-gradient(circle at 78% -10%, rgba(53, 115, 218, .1), transparent 34rem),
    linear-gradient(135deg, #f1efeb, #e8eef5 52%, #eef2f7) !important;
  color: #243247 !important;
}

html.bracketr-theme-light .brk-sidebar,
html.bracketr-theme-light .admin-sidebar {
  background: #ffffff !important;
  border-color: rgba(24, 45, 72, .14) !important;
  box-shadow: 14px 0 34px rgba(24, 45, 72, .06) !important;
}

html.bracketr-theme-light .brk-brand {
  background: #ffffff !important;
  border-color: rgba(24, 45, 72, .12) !important;
  box-shadow: none !important;
}

html.bracketr-theme-light .brk-brand-logo {
  content: url("/public/assets/logos/bracketrLogoBlackWBGTHINNOBG.png");
}

html.bracketr-theme-light .brk-topbar,
html.bracketr-theme-light .admin-topbar {
  background: #ffffff !important;
  border-color: rgba(24, 45, 72, .12) !important;
  box-shadow: 0 10px 28px rgba(24, 45, 72, .06) !important;
}

html.bracketr-theme-light .brk-stat-card small,
html.bracketr-theme-light .brk-stat-card p,
html.bracketr-theme-light .brk-portal-switch-copy em,
html.bracketr-theme-light .brk-organisation-card__identity > div > p {
  color: #53657b !important;
}

html.bracketr-theme-light .brk-portal-switch-copy small,
html.bracketr-theme-light .brk-organisation-card__kicker { color: #1763b5 !important; }
html.bracketr-theme-light .brk-portal-switch-copy strong,
html.bracketr-theme-light .brk-organisation-card__identity h2 { color: #243247 !important; }
html.bracketr-theme-light .brk-portal-switch-action,
html.bracketr-theme-light .brk-card-collapse-toggle {
  background: #e8f1fc !important;
  border-color: #9bbce2 !important;
  color: #174f9c !important;
  opacity: 1 !important;
}

html.bracketr-theme-light .competition-tab {
  background: #e9edf2 !important;
  border: 1px solid #d3dae3 !important;
  border-radius: 999px !important;
  color: #41536a !important;
}

html.bracketr-theme-light .competition-tab:hover,
html.bracketr-theme-light .competition-tab.active {
  background: #dceafb !important;
  border-color: #72a3dd !important;
  color: #123f76 !important;
}

html.bracketr-theme-light .competition-tab span {
  background: #ffffff !important;
  color: #284a72 !important;
}

html.bracketr-theme-light .brk-dashboard,
html.bracketr-theme-light .player-profile-v2,
html.bracketr-theme-light .captain-quarters-workspace,
html.bracketr-theme-light .brk-talent-main {
  color: #243247 !important;
}

html.bracketr-theme-light .player-profile-panel,
html.bracketr-theme-light .player-profile-teams,
html.bracketr-theme-light .player-connected-accounts,
html.bracketr-theme-light .player-utility-card,
html.bracketr-theme-light .player-profile-team-card,
html.bracketr-theme-light .player-profile-data-list > div,
html.bracketr-theme-light .player-profile-link-list > div {
  background: #ffffff !important;
  border-color: rgba(24, 45, 72, .15) !important;
  color: #243247 !important;
  box-shadow: none !important;
}

html.bracketr-theme-light .player-profile-tabs {
  background: #e8eef5 !important;
  border-color: rgba(24, 45, 72, .14) !important;
}

html.bracketr-theme-light .player-profile-tabs button { color: #627084 !important; }
html.bracketr-theme-light .player-profile-tabs button:hover,
html.bracketr-theme-light .player-profile-tabs button.is-active { color: #174f9c !important; }
html.bracketr-theme-light .player-profile-title > p,
html.bracketr-theme-light .player-task-list > span,
html.bracketr-theme-light .player-task-list > button,
html.bracketr-theme-light .player-profile-empty strong,
html.bracketr-theme-light .player-profile-data-list strong,
html.bracketr-theme-light .player-profile-link-list strong { color: #26384f !important; }
html.bracketr-theme-light .player-progress-ring::before { background: #ffffff !important; }

html.bracketr-theme-light .brk-showcase-panel,
html.bracketr-theme-light .brk-trophy-cabinet,
html.bracketr-theme-light .brk-achievements-section,
html.bracketr-theme-light .brk-achievement-history,
html.bracketr-theme-light .brk-achievement-card,
html.bracketr-theme-light .brk-showcase-slot,
html.bracketr-theme-light .brk-trophy-card,
html.bracketr-theme-light .brk-trophy-empty {
  background: #ffffff !important;
  border-color: rgba(24, 45, 72, .16) !important;
  color: #26384f !important;
  box-shadow: none !important;
}

html.bracketr-theme-light .brk-showcase-slot.has-award,
html.bracketr-theme-light .brk-achievement-card.is-earned {
  background: linear-gradient(145deg, #f5f0ff, #ffffff 68%) !important;
  border-color: rgba(109, 73, 181, .28) !important;
  color: #2c2750 !important;
}

html.bracketr-theme-light .brk-showcase-slot strong,
html.bracketr-theme-light .brk-trophy-card h3,
html.bracketr-theme-light .brk-trophy-empty h3,
html.bracketr-theme-light .brk-achievement-copy h3 { color: #243247 !important; }
html.bracketr-theme-light .brk-progression-hero-copy > p:not(.brk-eyebrow),
html.bracketr-theme-light .brk-level-progress-labels { color: #5f7087 !important; }
html.bracketr-theme-light .brk-progression-stats span {
  background: #ffffff !important;
  border-color: rgba(24, 45, 72, .15) !important;
}
html.bracketr-theme-light .brk-progression-stats small { color: #5f7087 !important; }
html.bracketr-theme-light .brk-showcase-actions button,
html.bracketr-theme-light .brk-achievement-history > div:last-child > p {
  background: #f3f4f6 !important;
  border-color: rgba(24, 45, 72, .14) !important;
  color: #41536a !important;
}

html.bracketr-theme-light .captain-quarters-workspace .captain-column,
html.bracketr-theme-light .captain-quarters-workspace .captain-team-list,
html.bracketr-theme-light .captain-quarters-workspace .captain-roster-list,
html.bracketr-theme-light .captain-quarters-workspace .captain-detail-panel {
  background: #ffffff !important;
  border-color: rgba(24, 45, 72, .16) !important;
  color: #243247 !important;
}

html.bracketr-theme-light .captain-quarters-workspace .captain-column-head,
html.bracketr-theme-light .captain-quarters-workspace .captain-detail-head,
html.bracketr-theme-light .captain-quarters-workspace .captain-detail-list div {
  border-color: rgba(24, 45, 72, .13) !important;
}

html.bracketr-theme-light .captain-quarters-workspace .captain-search input,
html.bracketr-theme-light .captain-quarters-workspace .captain-command-strip article,
html.bracketr-theme-light .captain-quarters-workspace .captain-command-strip button,
html.bracketr-theme-light .captain-quarters-workspace .captain-card-tabs,
html.bracketr-theme-light .captain-quarters-workspace .captain-list-row,
html.bracketr-theme-light .captain-quarters-workspace .captain-player-row {
  background: #e8eef5 !important;
  border-color: rgba(24, 45, 72, .14) !important;
  color: #26384f !important;
}

html.bracketr-theme-light .captain-quarters-workspace .captain-list-row:hover,
html.bracketr-theme-light .captain-quarters-workspace .captain-player-row:hover,
html.bracketr-theme-light .captain-quarters-workspace .captain-list-row.selected,
html.bracketr-theme-light .captain-quarters-workspace .captain-player-row.selected,
html.bracketr-theme-light .captain-quarters-workspace .captain-card-tabs button.is-active {
  background: #e8f1fc !important;
  border-color: #6b9bd4 !important;
  color: #133f76 !important;
}

html.bracketr-theme-light .captain-quarters-workspace strong,
html.bracketr-theme-light .captain-quarters-workspace h3,
html.bracketr-theme-light .captain-quarters-workspace h4 { color: #243247 !important; }
html.bracketr-theme-light .captain-quarters-workspace small,
html.bracketr-theme-light .captain-quarters-workspace p,
html.bracketr-theme-light .captain-quarters-workspace span { color: #667489 !important; }

html.bracketr-theme-light .brk-talent-shell .hero h1,
html.bracketr-theme-light .brk-talent-shell label,
html.bracketr-theme-light .brk-talent-shell fieldset,
html.bracketr-theme-light .brk-talent-shell legend { color: #243247 !important; }
html.bracketr-theme-light .brk-talent-shell .hero p,
html.bracketr-theme-light .brk-talent-shell .hint,
html.bracketr-theme-light .brk-talent-shell .actions span { color: #627084 !important; }
html.bracketr-theme-light .brk-talent-shell .card,
html.bracketr-theme-light .brk-talent-shell .portal-profile,
html.bracketr-theme-light .brk-talent-shell .profile-editor-section,
html.bracketr-theme-light .brk-talent-shell .account-identity,
html.bracketr-theme-light .brk-talent-shell .talent-tabs {
  background: #ffffff !important;
  border-color: rgba(24, 45, 72, .16) !important;
  color: #243247 !important;
  box-shadow: 0 16px 38px rgba(24, 45, 72, .07) !important;
}

html.bracketr-theme-light .brk-talent-shell .profile-editor-body,
html.bracketr-theme-light .brk-talent-shell .pathway-card,
html.bracketr-theme-light .brk-talent-shell .game-role-card,
html.bracketr-theme-light .brk-talent-shell .checks label {
  background: #e8eef5 !important;
  border-color: rgba(24, 45, 72, .15) !important;
  color: #26384f !important;
}

html.bracketr-theme-light .brk-talent-shell .talent-tabs button { color: #5d6d82 !important; }
html.bracketr-theme-light .brk-talent-shell .talent-tabs button.active,
html.bracketr-theme-light .brk-talent-shell .talent-tabs button[aria-selected="true"] {
  background: #e8f1fc !important;
  color: #174f9c !important;
}

html.bracketr-theme-light .brk-talent-shell .inline-talent-editor > .actions {
  background: #ffffff !important;
  border-color: rgba(24, 45, 72, .14) !important;
}

/* Shared light palette: quiet neutral surfaces, navy ink and deliberate blue actions. */
html.bracketr-theme-light {
  --light-canvas: #f1f4f8;
  --light-paper: #ffffff;
  --light-inset: #e8eef5;
  --light-border: #d2d9e1;
  --light-ink: #243247;
  --light-muted: #49596d;
  --light-action: #145a9e;
  --light-action-hover: #104f96;
  --light-focus: #087ca7;
  --light-danger: #a52c40;
  --light-success: #176b4b;
  --light-warning: #765000;
  --danger: var(--light-danger);
  --good: var(--light-success);
  --warn: var(--light-warning);
  --brk-light-ink: var(--light-ink);
  --brk-light-text: var(--light-ink);
  --brk-light-muted: var(--light-muted);
  --brk-light-line: var(--light-border);
  --brk-light-line-strong: #a5b7c9;
  --brk-light-surface: var(--light-paper);
  --brk-light-surface-soft: var(--light-inset);
  --brk-light-blue: var(--light-action);
  --brk-workspace-canvas: var(--light-canvas);
  --brk-workspace-surface: var(--light-paper);
  --brk-workspace-surface-raised: #e8eef5;
  --brk-workspace-surface-subtle: var(--light-inset);
  --brk-workspace-border: var(--light-border);
  --brk-workspace-border-strong: #718ba6;
  --brk-workspace-text: var(--light-ink);
  --brk-workspace-muted: var(--light-muted);
  --brk-workspace-primary: var(--light-action);
  --brk-workspace-primary-hover: var(--light-action-hover);
  --brk-workspace-highlight: var(--light-focus);
  --brk-workspace-success: var(--light-success);
  --brk-workspace-warning: var(--light-warning);
}

/* The account card keeps the same surface as its sidebar in light mode. */
html.bracketr-theme-light .brk-sidebar-userbar {
  background: var(--light-paper);
  border-color: var(--light-border);
}
html.bracketr-theme-light .auth-shell .message {
  color: var(--light-danger);
}

html.bracketr-theme-light body:not(.master-access-page),
html.bracketr-theme-light .site-shell {
  background: var(--light-canvas) !important;
}

/* The authored dark-page overlays otherwise sit over light content and text. */
html.bracketr-theme-light body::before,
html.bracketr-theme-light body::after {
  background: none !important;
  box-shadow: none !important;
}

html.bracketr-theme-light .home-page-classic .classic-viewer-hero,
html.bracketr-theme-light .whats-on-page .whats-header {
  background: var(--light-paper) !important;
  border-color: var(--light-border) !important;
  box-shadow: 0 2px 8px rgba(24, 45, 72, .04) !important;
}
html.bracketr-theme-light .home-page-classic .classic-viewer-hero::before,
html.bracketr-theme-light .whats-on-page .whats-header::after {
  background: none !important;
}
html.bracketr-theme-light .home-page-classic .clean-bracket .bracket-match {
  background: var(--light-inset);
  border-color: #a5b7c9;
  box-shadow: 0 2px 5px rgba(24, 45, 72, .05);
  backdrop-filter: none;
}
html.bracketr-theme-light :is(.eyebrow, .hero-eyebrow, .round-label, .detail-list b) {
  color: var(--light-action) !important;
  text-shadow: none !important;
}
html.bracketr-theme-light :is(.footer-copy, .site-footer p, .footer p) {
  color: var(--light-muted) !important;
}
html.bracketr-theme-light .whats-on-page .section-block,
html.bracketr-theme-light .whats-on-page .support-bracketr-section {
  background: var(--light-paper) !important;
  border-color: var(--light-border) !important;
  box-shadow: 0 2px 8px rgba(24, 45, 72, .04) !important;
}
html.bracketr-theme-light .whats-on-page :is(.event-card, .live-card, .empty-card) {
  background: var(--light-paper) !important;
  box-shadow: none !important;
}
html.bracketr-theme-light .whats-on-page .detail-list span {
  background: var(--light-inset) !important;
}

html.bracketr-theme-light :is(.home-page, .whats-on-page, .series-page) :is(.btn-primary, .primary-action, .series-hub-join-button),
html.bracketr-theme-light .auth-login-page :is(.auth-button-row, .auth-actions-row) button[type="submit"] {
  background: var(--light-action) !important;
  border-color: var(--light-action) !important;
  color: #fff !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
html.bracketr-theme-light :is(.home-page, .whats-on-page, .series-page) :is(.btn-primary, .primary-action, .series-hub-join-button):hover,
html.bracketr-theme-light .auth-login-page :is(.auth-button-row, .auth-actions-row) button[type="submit"]:hover {
  background: var(--light-action-hover) !important;
}
html.bracketr-theme-light .auth-login-page :is(.auth-link-button, .auth-divider) {
  color: var(--light-action) !important;
}
html.bracketr-theme-light .auth-login-page :is(.auth-card-heading img, .auth-logo-link img) {
  content: url("/public/assets/logos/bracketrLogoBlackWBGTHINNOBG.png");
  background: transparent;
  filter: none;
  box-shadow: none;
}
html.bracketr-theme-light .auth-login-page .auth-hero-copy p:not(.auth-eyebrow) {
  color: var(--light-muted) !important;
}

/* Tournament reading panels share the same light surface hierarchy. */
html.bracketr-theme-light .series-page :is(.series-shell, .info-card, .schedule-card, .series-hub-command, .link-card, .stage-card) {
  background: var(--light-paper) !important;
  border-color: var(--light-border) !important;
  color: var(--light-ink);
  box-shadow: 0 2px 8px rgba(24, 45, 72, .04) !important;
}
html.bracketr-theme-light .series-page :is(.series-hub-stat, .detail-item, .tournament-fact) {
  background: var(--light-inset);
  border-color: var(--light-border);
  color: var(--light-ink);
}
html.bracketr-theme-light .series-page :is(.series-hub-command h2, .info-card h2, .schedule-card h2, .link-card h2, .stage-card h2, .series-hub-stat strong, .detail-item span, .tournament-fact p) {
  color: var(--light-ink);
}
html.bracketr-theme-light .series-page :is(.series-summary, .stage-progress small, .stage-progress b) {
  color: var(--light-muted);
}
html.bracketr-theme-light .series-page :is(.series-hub-stat span, .detail-item b, .section-kicker) {
  color: var(--light-action);
}
html.bracketr-theme-light :is(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
  outline: 3px solid var(--light-focus) !important;
  outline-offset: 3px;
}
@media (forced-colors: active) {
  html.bracketr-theme-light :is(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
    outline-color: Highlight !important;
  }
}

html.bracketr-theme-light :is(.brk-sidebar, .brk-topbar, .admin-sidebar, .admin-topbar) {
  background: var(--light-paper) !important;
  box-shadow: none !important;
}
html.bracketr-theme-light .brk-person-dashboard-onboarding .brk-onboarding {
  background: var(--light-paper) !important;
  border-color: var(--light-border) !important;
  box-shadow: 0 2px 8px rgba(24, 45, 72, .04) !important;
}
html.bracketr-theme-light .brk-person-dashboard-onboarding .brk-onboarding::after {
  background: none;
}
html.bracketr-theme-light .brk-person-dashboard-onboarding .brk-onboarding-steps li {
  background: var(--light-inset) !important;
  border-color: var(--light-border) !important;
  opacity: 1;
}
html.bracketr-theme-light .brk-person-dashboard-onboarding .brk-onboarding-steps li.is-current {
  border-left-color: var(--light-action) !important;
}
html.bracketr-theme-light .brk-person-dashboard-onboarding :is(.brk-onboarding-step-number, .brk-onboarding-footer small) {
  color: var(--light-action) !important;
}
html.bracketr-theme-light .brk-person-dashboard-onboarding :is(.brk-onboarding-steps a, .brk-onboarding-footer > a) {
  color: var(--light-action) !important;
  box-shadow: none !important;
}
html.bracketr-theme-light .brk-person-dashboard-onboarding .brk-onboarding-steps .is-current > a {
  background: var(--light-action) !important;
  border-color: var(--light-action) !important;
  color: #fff !important;
}

/* Organisation integration and empty-preview text must remain legible in light mode. */
html.bracketr-theme-light .org-portal-page :is(.org-card, .discord-connect-panel, .preview-public-hero, .preview-public-logo, .preview-banner-nav span) {
  background: var(--light-paper) !important;
  border-color: var(--light-border) !important;
  color: var(--light-ink) !important;
  box-shadow: none !important;
}
html.bracketr-theme-light .org-portal-page :is(.discord-connect-panel strong, .preview-public-copy h2, .preview-banner-nav span) {
  color: var(--light-ink) !important;
  text-shadow: none !important;
}
html.bracketr-theme-light .org-portal-page :is(.discord-connect-panel p, .preview-empty, .integration-status, .preview-public-copy p) {
  color: var(--light-muted) !important;
}
html.bracketr-theme-light .org-portal-page .integration-status.connected { color: #176b4b !important; }
html.bracketr-theme-light .org-portal-page .integration-status.paused { color: #765000 !important; }
html.bracketr-theme-light .org-portal-page .preview-banner-nav img {
  content: url("/public/assets/logos/bracketrLogoBlackWBGTHINNOBG.png");
}
html.bracketr-theme-light .org-portal-page :is(.org-tabs, .org-topbar, .org-preview-card, .preview-section, .preview-mini-stats span) {
  background: var(--light-paper) !important;
  border-color: var(--light-border) !important;
  color: var(--light-muted) !important;
  box-shadow: none !important;
}
html.bracketr-theme-light .org-portal-page .org-preview { background: var(--light-inset) !important; }
html.bracketr-theme-light .org-portal-page :is(.preview-mini-stats strong, .integration-header .eyebrow) { color: var(--light-action) !important; }