@charset "utf-8";

html.theme-light { --onyx: #FAFAF8; --onyx-deep: #FFFFFF; --charcoal: #FFFFFF; --warm-white: #14130F; --warm-gray: #6A685F; --stone: #3E3C36; --midnight-navy: #ECE4D4; --slate: #D7D2C6; --ink: 20, 20, 18; }

html.theme-light .btn-primary { color: rgb(20, 19, 15); }

html.theme-light .gem-nav, html.theme-light .shifts-stage, html.theme-light .gem-footer { --onyx: #0A0A0A; --onyx-deep: #050505; --charcoal: #1A1A1A; --warm-white: #FAFAF8; --warm-gray: #888780; --stone: #D3D1C7; --midnight-navy: #1B2A4A; --slate: #3A3A3A; --ink: 255, 255, 255; }

html.theme-light .priv-shell { --fg: #14130F; --muted: #4c4a44; --line: var(--stone); --surface: #FFFFFF; --surface-border: var(--stone); background: var(--onyx); }

html.theme-light .team-card.is-placeholder .team-portrait { background: rgb(240, 233, 220); }

html.theme-light .eq-risk { background: rgb(250, 250, 248); }

html.theme-light .eq-risk-factor { background: rgb(255, 255, 255); }

#gem-theme-toggle { position: fixed; left: 20px; bottom: 20px; z-index: 2000; display: inline-flex; align-items: center; gap: 11px; padding: 11px 16px; cursor: pointer; font-family: "DM Mono", monospace; font-size: 10px; letter-spacing: 2.5px; text-transform: uppercase; background: rgba(20, 20, 20, 0.82); color: rgb(190, 168, 125); border: 1px solid rgba(190, 168, 125, 0.32); backdrop-filter: blur(16px); transition: border-color 0.3s var(--ease), background-color 0.3s var(--ease), color 0.3s var(--ease); }

#gem-theme-toggle:hover { border-color: rgb(190, 168, 125); }

html.theme-light #gem-theme-toggle { background: rgba(255, 255, 255, 0.82); border-color: rgba(190, 168, 125, 0.5); color: rgb(154, 127, 78); }

#gem-theme-toggle .gem-theme-glyph { width: 13px; height: 13px; flex: 0 0 auto; position: relative; transform: rotate(45deg); border: 1px solid rgb(190, 168, 125); overflow: hidden; }

#gem-theme-toggle .gem-theme-glyph::after { content: ""; position: absolute; top: -1px; left: -1px; bottom: -1px; width: 50%; background: rgb(190, 168, 125); }

html.theme-light #gem-theme-toggle .gem-theme-glyph, html.theme-light #gem-theme-toggle .gem-theme-glyph::after { border-color: rgb(154, 127, 78); background: rgb(154, 127, 78); }

@media (max-width: 640px) {
  #gem-theme-toggle { left: 12px; bottom: 12px; padding: 9px 12px; }
}