/*
 * Enlantis-owned overrides for Web Awesome CSS variables.
 *
 * The WA kit script injects an inline <style id="wa-custom-style"> built from
 * WebAwesomeKitConfig (the config you set in the WA Studio dashboard). That
 * inline style is what assigns concrete hex values to --wa-color-brand-*,
 * --wa-color-neutral-*, --wa-color-success-*, --wa-color-warning-*, and
 * --wa-color-danger-*. To override those values WITHOUT going through the
 * dashboard, this file is linked from app.html AFTER the kit script tag, so
 * the browser inserts it later in the DOM than the kit's injected <style>
 * and <link> elements — last in the cascade wins, no !important needed.
 *
 * Companion files in /wa/styles/ (themes/mellow.css, color/palettes/natural.css)
 * are local copies of the kit's CSS that you can edit freely. To make those
 * win over the kit's CDN-loaded versions, add their <link> tags after the kit
 * script too (already wired in app.html).
 *
 * Re-fetch upstream copies any time:
 *   node frontend/audit/fetch-wa-themes.mjs
 * That script re-downloads the latest mellow.css / natural.css / default.css
 * from the kit CDN at the version your kit currently resolves to. It does NOT
 * touch this file (so your overrides are preserved).
 */

:root {
	/* ---------- Brand (was #008a38, fails 4.5:1 on white at 4.47) ---------- */
	--wa-color-brand:    #007a30;
	--wa-color-brand-on: #ffffff;
	--wa-color-brand-05: #001a00;
	--wa-color-brand-10: #002600;
	--wa-color-brand-20: #003f07;
	--wa-color-brand-30: #005412;
	--wa-color-brand-40: #00691c;
	--wa-color-brand-50: #007a30;
	--wa-color-brand-60: #2caa57;
	--wa-color-brand-70: #4dc570;
	--wa-color-brand-80: #6adf89;
	--wa-color-brand-90: #8affa6;
	--wa-color-brand-95: #b1ffc2;
}