/**
 *	@Project: @cldmv/stratax
 *	@Filename: /src/theme.css
 *	@Copyright: Copyright (c) 2013-2026 Catalyzed Motivation Inc. All rights reserved.
 *
 * Stratax's brand accent — BLUE, matching the logo.
 *
 * rummage ships a green accent as its default. Everything downstream of it —
 * buttons, progress fills (including the boot splash bar), focus borders, the
 * active-tab underline, selection, checkbox/toggle checked states — reads the
 * `--accent-*` / `--btn-primary-*` tokens, so re-declaring them here re-themes the
 * whole app without touching a single component. Loaded AFTER
 * rummage.generated.css (index.html on desktop, `styles` in rummage.config on web),
 * so these win on specificity-tie by source order.
 *
 * The pairs mirror rummage's own token structure: a PRIMARY accent for large
 * surfaces and a SMALL accent for little moments (checkmarks, slider thumb, the
 * splash progress fill), each with a lighter hover and a darker step for borders
 * and dark-text-on-fill.
 */

:root {
	/* Primary — large surfaces: buttons, fills, progress bars, focus borders. */
	--accent-green: #5a9fd4; /* Stratax blue */
	--accent-green-hover: #74b3e3; /* brighter for :hover */
	--accent-green-dark: #4682ae; /* darker step for borders / dark-text-on-fill */

	/* Small accent — checkboxes, toggles, chips, slider thumb, splash progress. */
	--accent-small: #5aa9e6;
	--accent-small-hover: #74b8ee;

	/* Filled buttons track the small accent, as in the base theme. */
	--btn-primary-bg: #5aa9e6;
	--btn-primary-bg-hover: #4682ae;

	/* `--success-green` aliases `--accent-green` upstream, which would turn every
	   success state blue and lose the red/green semantic pairing. Pin it to a real
	   green so "succeeded" still reads as succeeded. */
	--success-green: #98c379;
}