:root{--red:#cf0830;--brand-foreground:#ffffff;--page-tint:#606060;--page-foreground:#ffffff;background:#606060}body{background:#606060}.primary,.button,button[aria-pressed=true],button:not(:disabled):hover,a.button:hover,.source-switch button.primary,.sidebar #menu-links a:hover,.sidebar #menu-links a.active,.sidebar #menu-links a.active:hover,.sidebar #menu-toggle:hover{background:var(--red);border-color:var(--red);color:var(--brand-foreground)}.sidebar #menu-toggle.pinned{box-shadow:inset -5px 0 var(--red)}.notice{border-left-color:var(--red)}/* Dark · Rauchglas. Loaded only through appearance.php after the shared styles. */
:root{color-scheme:dark;color:#f0f2f4;background:#191d22;--navy:#e2e8ef}
/* The configurable login image is also the dark workspace backdrop. */
body,body:has(.access-page){color:#f0f2f4;background:#191d22 url('/appearance.php?asset=background') center/cover fixed no-repeat;background-attachment:fixed}
/* Keep the selected workspace colour nearly opaque; the login photo stays unchanged. */
body:has(>.sidebar){background-image:linear-gradient(color-mix(in srgb,var(--page-tint,#eeeeef) 94%,transparent),color-mix(in srgb,var(--page-tint,#eeeeef) 94%,transparent)),url('/appearance.php?asset=background')}
body:has(>.sidebar)>main>h1,body:has(>.sidebar)>main>section>h1,body:has(>.sidebar)>main>.title{color:var(--page-foreground,#182b3a)}
:root{--glass-tint:color-mix(in srgb,var(--page-tint,#eeeeef) 14%,#181c21);--smoke-glass-background:linear-gradient(135deg,color-mix(in srgb,var(--glass-tint) 78%,transparent),color-mix(in srgb,var(--glass-tint) 86%,transparent));--smoke-glass-blur:14px}
header,.accountbar,.user-popover,.panel,.stats article,.notice,.access-page>.panel,dialog{background:var(--smoke-glass-background);border-color:var(--smoke-glass-border);box-shadow:var(--smoke-glass-shadow);backdrop-filter:blur(var(--smoke-glass-blur));-webkit-backdrop-filter:blur(var(--smoke-glass-blur));color:#f0f2f4}
.access-page h1,.access-page h2,.event-heading strong,h2,h3,legend,.accountbar a{color:#f0f2f4}
.access-page .eyebrow,.title .eyebrow,.muted,small,label,footer,.filters span,.listhead p,.tabs a,.logo-lockup .powered-by,.access-page .forgot-password a,.access-page .forgot-password a:visited{color:#c3cbd4}
.access-page .forgot-password a:hover,.access-page .forgot-password a:focus-visible{color:var(--red)}
input,select,textarea,button{background:#252c34;color:#f0f2f4;border-color:#637080}
input::placeholder,textarea::placeholder{color:#aeb8c4}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--red);outline-offset:2px}
fieldset,.settings-group,.tabs{border-color:#66707c}
th,.contest h3{background:#303943;color:#e2e8ef;border-color:#58616d}
td{border-color:#4a535f}tbody tr:nth-child(even){background:#ffffff06}
.contest-time[readonly],input[readonly]{background:#222831;color:#c3cbd4}
.recovery-code{background:#222831;color:#f0f2f4}
.badge.none{background:#414a55;color:#f0f2f4}
.safe{background:#16834a;color:white;border-color:#16834a}
/* More translucent glass for the login form and persistent header. */
body>header,.access-page>.panel{background:linear-gradient(135deg,color-mix(in srgb,var(--glass-tint) 54%,transparent),color-mix(in srgb,var(--glass-tint) 62%,transparent))}
.event-heading small,.user-popover small{color:#c3cbd4}
body:has(>main[data-contest-success]):not(.in-dialog){background-image:linear-gradient(color-mix(in srgb,var(--page-tint,#606060) 94%,transparent),color-mix(in srgb,var(--page-tint,#606060) 94%,transparent)),url('/appearance.php?asset=background');background-size:cover;background-position:center;background-attachment:fixed}
@media print{:root,body{color-scheme:light;color:#182b3a;background:white}.panel,.stats article,.notice,th,td,.contest h3{background:white;color:#182b3a;box-shadow:none;backdrop-filter:none}}