/* Fire Roster - the coming-soon page's styles. The roster's dark board colors and its yellow accent. */
:root { --bg: #ffffff; --ink: #14161a; --ink-2: #4b5260; --accent: #c99a12; --line: #e3e6ea; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --bg: #12181d; --ink: #f2f3f5; --ink-2: #a7b3bd; --accent: #f5c344; --line: #2a333b; } }
:root[data-theme="dark"] { --bg: #12181d; --ink: #f2f3f5; --ink-2: #a7b3bd; --accent: #f5c344; --line: #2a333b; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; background: var(--bg); color: var(--ink); font: 17px/1.55 system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; padding: 24px 16px; }
main { text-align: center; max-width: 44ch; }
.logo { width: 96px; height: 96px; border-radius: 22px; display: block; margin: 0 auto 18px; }
h1 { font-size: 34px; letter-spacing: .02em; margin: 0 0 14px; font-weight: 800; line-height: 1.1; }
h1 span { display: block; font-size: 12px; letter-spacing: .24em; text-transform: uppercase; color: var(--accent); font-weight: 700; margin-top: 8px; }
p { margin: 0 0 12px; color: var(--ink-2); }
.lead { color: var(--ink); font-size: 19px; font-weight: 600; }
.bar { width: 26px; height: 3px; background: var(--accent); border-radius: 2px; margin: 22px auto; }
.who { font-size: 15px; }
a { color: var(--ink); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--accent); }
footer { margin-top: 28px; padding-top: 14px; border-top: 1px solid var(--line); font-size: 12px; letter-spacing: .06em; color: var(--ink-2); }