:root{--theme-dark-mode: true;--topnav-height: 64px;--color-nav-primary: #fff;--color-nav-primary-hover: rgb(255, 214, 100);--color-nav-bg-start: #141e30;--color-nav-bg-end: #243b55;--color-nav-bg-start-alpha: rgba(20, 30, 48, .8);--color-nav-bg-end-alpha: rgba(36, 59, 85, .8);--color-nav-border-bottom: #fff;--color-nav-border-gradient-end: #666;--color-page-background-dark: rgb(17, 24, 39);--color-page-background-dark-0: rgba(17, 24, 39, 0);--color-page-background-dark-alpha: rgba(17, 24, 39, .8);--color-shadow: rgba(0, 0, 0, .5);--color-icon-glow: rgba(255, 214, 100, .7);--color-progress-start: #b8860b;--color-progress-end: #006400;--color-section-complete-bg: rgba(0, 50, 0, .1);--color-shadow-light: rgba(0, 0, 0, .2);--color-border-default: #ccc;--color-overlay-dark: rgba(0, 0, 0, .5);--color-button-primary: #243b55;--color-button-secondary: #141e30;--color-text-muted: #ccc;--page-max-width: 1200px;--page-content-max-width: 800px;--page-message-max-width: 600px;--empty-state-max-width: 90%;--game-overlay-max-width: calc(100% - 1.5rem) }