/*<meta />*/

/* MadCap-Branding applanguage:Templates/Projects/Online/Side Navigation/ */

:root
{
	/* Branding & Fonts */
	--FontFamily: "Roboto", Arial, sans-serif;
	/* Layout Images */
	/* Core Colors */
	--Darkest: #0A0A0A;
	/* fallback for deepest blacks (used rarely) */
	/* header + headings (deep charcoal) */
	/* sidebar navigation (slate gray) */
	--Medium: #475569;
	/* borders, subtle lines (darker slate for separation) */
	/* primary accent (links, hover, active nav item) */
	--Highlight: #F59E0B;
	/* secondary accent (hover states, highlights) */
	/* Body Content */
	--Lightest: #F9FAFB;
	/* body content background (soft light) */
	--Light: #E5E7EB;
	/* lighter gray for panels, inline code backgrounds */
	--TextPrimary: #111827;
	/* main body text */
	--TextSecondary: #374151;
	/* muted text, breadcrumbs, less emphasis */
	/* Code */
	--CodeBg: #1E293B;
	/* dark code block background */
	--CodeText: #F1F5F9;
	/* default code text */
	--CodeInlineBg: #F3F4F6;
	/* inline code background */
	--CodeInlineText: #DC2626;
	/* inline code red highlight */
	--LogoImage: url('../Images/FlareUI.png');
	--Secondary: #475D4B;
	--HeroImage: url('../Images/hero.jpg');
	--Dark: #1E293B;
	--Primary: #0F172A;
}