:root { --bg: #eff5f7; --surface-2: #edf3f6; --surface-3: #dee8f0; --border: #d7e1e5; --border-strong: #bfccd4; --text: #161a20; --muted: #545e68; --faint: #79848e; --accent: #234976; --accent-strong: #182c41; --accent-soft: #d7e4f1; --accent-text: #192760; --btn-bg: #182c41; --btn-hover: #23405f; --nav-bg: #15283e; --nav-text: #e0edf6; --focus: rgba(39, 85, 130, .28); --sheet-h: #95c0dc; --inperson-bg: #c0d9ef; --inperson-edge: #4177a9; --btn-text: #ffffff; }
:root[data-theme="dark"] { --bg: #101014; --surface: #16191f; --surface-2: #1c1f26; --surface-3: #242932; --border: #282d36; --border-strong: #373f4c; --text: #dae4ec; --muted: #94a0ad; --faint: #717b88; --accent: #5f95ce; --accent-strong: #82aee1; --accent-soft: #162435; --accent-text: #82aee1; --btn-bg: #5f95ce; --btn-text: #0c1117; --btn-hover: #80abde; --nav-bg: #11151c; --nav-text: #d4e1ec; --focus: rgba(95, 149, 206, .3); --sheet-h: #1d314880; --inperson-bg: #182941; --inperson-edge: #4177a9; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --bg: #101014; --surface: #16191f; --surface-2: #1c1f26; --surface-3: #242932; --border: #282d36; --border-strong: #373f4c; --text: #dae4ec; --muted: #94a0ad; --faint: #717b88; --accent: #5f95ce; --accent-strong: #82aee1; --accent-soft: #162435; --accent-text: #82aee1; --btn-bg: #5f95ce; --btn-text: #0c1117; --btn-hover: #80abde; --nav-bg: #11151c; --nav-text: #d4e1ec; --focus: rgba(95, 149, 206, .3); --sheet-h: #1d314880; --inperson-bg: #182941; --inperson-edge: #4177a9; } }