/* PUBLIC DESIGN SYSTEM (P4z) -- the platform's and every league's PUBLIC pages, and nothing else. ========================================================================== THREE THEME SCOPES EXIST, and this file owns two of them: .pub-platform (the platform's own front door and the /l directory) and .pub-league (a league's site, on /l/ or on its own domain). THE AUTHENTICATED APP IS UNTOUCHED BY CONSTRUCTION: every rule below is nested under one of the two scope classes, which only publicLayout ever puts on . TOKEN NAMES ARE TEMPLUI'S CANONICAL SET (--background, --card, --foreground, --primary, --muted-foreground, --border, ...). That is not cosmetic: the public league tree still renders templUI components (standings tables, cards, buttons), whose compiled Tailwind utilities read exactly these variables. Redefining the canonical names under the scope class repaints those components in the league's colors for free -- an ad-hoc vocabulary would have left them in the app's palette. ONE TOKEN IS OURS AND SAYS SO: --pub-accent. templUI's --accent is a SUBTLE HOVER SURFACE, not a brand hue, and putting the league's gold in it would turn every component hover state gold. The public layer's second brand color therefore gets its own name. TWO SCOPES, TWO MODE RULES (P4z amendment 2026-08-26): BOTH SCOPES ARE THREE-STATE (P4z amendment 2026-08-26 + addendum two): the visitor's SYSTEM PREFERENCE by default, overridable in both directions from the toggle in the header. The scopes differ only in which mode is the UNGUARDED BASE, and that choice is load-bearing rather than cosmetic -- IT IS WHAT A VISITOR GETS WHEN NO PREFERENCE IS DETERMINABLE (an old browser, no media-query support, no signal at all): - LEAGUE IS LIGHT-BASE. Undeterminable means LIGHT, the legible-first ruling for this audience. Never restructure this scope dark-base. - PLATFORM IS DARK-BASE. Undeterminable means DARK, which is the brand. The attribute comes from the ONE external script these pages load (assets/js/pubmode.js), the single deliberate exception to script-free public pages. With scripting off no attribute is ever set, which lands on the system preference with an inert toggle -- a supported state. NO "no-preference" MEDIA QUERY ANYWHERE. Dark applies to a league only behind an affirmative dark signal, light applies to the platform only behind an affirmative light one; absence of a signal is the base block. Both stay CDN-cacheable: the mode lives in the visitor's own localStorage, never in the response, so one cached document serves every visitor. SELECTORS ARE html.pub-*, NOT .pub-*. Specificity (0,1,1) beats both `:root` in the design-system stylesheet and a theme's `.dark` block, so the scope wins regardless of the order the two files happen to load in. THE PER-LEAGUE PALETTE