/* Waiting page static assets shared by all domains — visual language modeled on pok.somegroup.net. */ /* Raleway variable font, self-hosted (SIL OFL 1.1). font-display: swap paints immediately in system-ui, then swaps when the font loads. */ @font-face { font-family: "Raleway"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/static/fonts/raleway-latin.woff2") format("woff2"); } /* Auto follows the OS via color-scheme + light-dark(); the toggle sets data-theme on to pin light or dark. */ :root { color-scheme: light dark; --background-color: light-dark(#ffffff, #121212); --foreground-color: light-dark(#111111, #eaeaea); --muted-color: light-dark(#666666, #999999); --border-color: light-dark(#eeeeee, #2a2a2a); --mid-background-color: light-dark(#c0c0c0, #333333); /* Accent picked per theme for text contrast: mid blue on light, light blue on dark. */ --accent: light-dark(#005D96, #2EADD9); } html[data-theme="light"] { color-scheme: light; --background-color: #ffffff; --foreground-color: #111111; --muted-color: #666666; --border-color: #eeeeee; --mid-background-color: #c0c0c0; } html[data-theme="dark"] { color-scheme: dark; --background-color: #121212; --foreground-color: #eaeaea; --muted-color: #999999; --border-color: #2a2a2a; --mid-background-color: #333333; } body { font: 0.875rem/1.5 "Raleway", system-ui, sans-serif; margin: 2rem; background-color: var(--background-color); color: var(--foreground-color); min-height: calc(100vh - 4rem); display: grid; place-items: center; } h1 { font-weight: 600; font-size: 1.4rem; margin: 0 0 0.5rem; } main { text-align: center; } main .note { color: var(--muted-color); margin: 0; } a { color: var(--accent); } :focus-visible { outline: 0.125rem solid var(--accent); outline-offset: 0.125rem; } .controls { position: fixed; top: 0.75rem; right: 1vw; z-index: 2; display: flex; align-items: center; gap: 0.4rem; } .theme-toggle { background-color: var(--mid-background-color); color: var(--foreground-color); border: 0.0625rem solid var(--foreground-color); border-radius: 0.25rem; padding: 0.3em 0.6em; font-size: 80%; cursor: pointer; opacity: 0.5; } .theme-toggle:hover, .theme-toggle:focus-visible { opacity: 1; } @media (max-width: 40rem) { body { margin: 1rem; min-height: calc(100vh - 2rem); } .controls { top: 0.5rem; right: 0.5rem; } }