/* theme-dark.css — base / dark-mode stylesheet. * * This file is ALWAYS loaded and provides: * 1. Default (dark) CSS variables on :root. These are the colours the * page shows when no [data-theme] attribute is set on . * 2. Theme-agnostic rules that apply in both light AND dark modes — * the theme-toggle button, the #continue-btn green commit action, * the navy journeys-row-select-btn, the navigation red-dot pulse, * and the @keyframes for the dot animation. * * The companion file theme-light.css is also loaded on every page; its * rules all start with :root[data-theme="light"] so they only engage * when light mode is active (the toggle button or system preference * sets the data-theme attribute). * * When you want to change a DARK colour, look here. * When you want to change a LIGHT colour, look in theme-light.css. */ /*************************************************************************** * Default (dark) theme variables * * Pages that already define :root in an inline