/* LeagueMade: one light interface, including before JavaScript loads. */
:root,:root[data-theme=light],:root[data-theme=dark]{--brand-blue:#1769a0;--brand-red:#92b6ca;--ui-accent:var(--brand-blue);--ui-secondary:#172c43;--ui-on-accent:#fff;--ui-surface:#fff;--ui-canvas:#f7f5f0;--ui-ink:#172c43;--ui-muted:#5b6874;--ui-border:#dce2e5;--theme-raised:#f0f3f4;--theme-link:#1769a0;--theme-soft:#eaf2f6;color-scheme:light}
body{background:var(--ui-canvas);color:var(--ui-ink)}
.site-header,.site-panel,.site-footer,.library-header,.library section{background:var(--ui-surface);border-color:var(--ui-border);color:var(--ui-ink)}
.site-footer{background:var(--ui-canvas)}
.site-hero p,.site-intro p,.site-panel p,.site-muted,.site-hero small,.site-showcase p,.site-footer,.library p,.library-caption{color:var(--ui-muted)}
.site-hero em{color:var(--theme-link)}
.site-header nav a:hover,.site-header nav a[aria-current=page]{color:var(--theme-link);border-bottom-color:var(--brand-blue)}
.site-header .ui-brand,.site-footer .ui-brand{--ui-accent:var(--brand-blue);--ui-secondary:var(--brand-red)}
.site-subnav{border-color:var(--ui-border)}
.site-panel a:not(.ui-button),.site-main p a,.site-footer a:hover{color:var(--theme-link)}
.ui-panel,.ui-card{background:var(--ui-surface);border-color:var(--ui-border);color:var(--ui-ink)}
.ui-field input,.ui-field select,.ui-field textarea,.site-form textarea{background:var(--theme-raised);border:1px solid var(--ui-border);color:var(--ui-ink)}
input::placeholder,textarea::placeholder{color:var(--ui-muted);opacity:1}
.ui-price-card--featured{background:var(--theme-soft);border-color:var(--brand-blue)}
.ui-price-card__price{color:var(--ui-ink)}.ui-price-card>small{color:var(--ui-muted)}
.ui-icon-button:hover{background:var(--theme-raised)}
.site-hero-art,.site-showcase .saved-badge{background:radial-gradient(ellipse,var(--theme-raised),transparent 72%)}
.ui-card>div{background:var(--theme-raised)}
.site-toast{background:var(--theme-raised);color:var(--ui-ink);border:1px solid var(--ui-border)}
.ui-button--primary{background:var(--brand-blue);border-color:var(--brand-blue);color:white}

.site-header>div{flex-wrap:wrap}.site-header{gap:18px}.site-header nav{gap:16px}
@media(max-width:1100px){.site-header{flex-wrap:wrap}.site-header nav{order:3;width:100%}}
@media(max-width:450px){.site-header>div{gap:8px}.site-header>[href="site.php"]{flex:1}.site-header>div{justify-content:flex-end}}


