/* Global theme config. Loaded before styles.css; keep site-wide design tokens here. Three-state theme (Erik, 2026-08-10): the fund_theme cookie stamps data-theme on — "auto" (default) follows the OS via prefers-color-scheme; "light"/"dark" force it. The dark token set appears twice (media block + forced block) because CSS cannot share declarations across at-rules. */ :root { --text: #111; --bg: #fff; --button: #222; --button-text: #fff; --button-hover: #333; /* Sidebar palette is derived from the page colors with color-mix(), so it adapts to dark mode without a second set of definitions. */ --sidebar-bg: var(--bg); --sidebar-text: color-mix(in srgb, var(--text) 90%, var(--bg)); --sidebar-border: color-mix(in srgb, var(--text) 20%, var(--bg)); --sidebar-item-hover-bg: color-mix(in srgb, var(--text) 8%, var(--bg)); --sidebar-active-bg: color-mix(in srgb, var(--text) 13%, var(--bg)); /* Dimming backdrop behind the company viewer layer. */ --scrim: rgb(17 17 17 / 0.5); color-scheme: light; } @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --text: #eee; --bg: #111; --button: #ddd; --button-text: #111; --button-hover: #ccc; --scrim: rgb(0 0 0 / 0.6); color-scheme: dark; } } :root[data-theme="dark"] { --text: #eee; --bg: #111; --button: #ddd; --button-text: #111; --button-hover: #ccc; --scrim: rgb(0 0 0 / 0.6); color-scheme: dark; }