/**
 * Loaded last via `website_theme_inject` (after_request), after `login.bundle.css`
 * and Website Theme CSS, so the login / portal shell cannot stay on stock grey.
 *
 * Uses variables from `taypro_desk.css` + `taypro_theme.js`; fallbacks match
 * Taypro dark canvas / light surface if a variable is missing.
 */

html {
	background-color: var(--bg-color, #ffffff) !important;
}

html,
body {
	color: var(--text-color, #0f172a);
}

html[data-theme="dark"],
html[data-theme="dark"] body {
	background-color: var(--bg-color, #070f1a) !important;
	color: var(--text-color, #e8f4fc);
}

/* Login layout: inner wrappers sometimes paint their own neutral fill */
body .page-content-wrapper,
body .main-section,
#page-login .page-content-wrapper {
	background-color: transparent !important;
	background-image: none !important;
}