:root {

    --font-default: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    --font-heading: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    --font-highlight: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    --font-note: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    --font-accent: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;

	--size-zero: 0;
	--size-tiny: 2px;
	--size-small: 5px;
	--size-smaller: 7px;
	--size-default: 20px;
	--size-larger: 25px;
	--size-large: 30px;
	--size-auto: auto;
	--size-mobile-width: 350px;
	--size-tablet-width: 1024px;
	--size10-pc: 10%;
	--size20-pc: 20%;
	--size25-pc: 25%;
	--size30-pc: 30%;
	--size33-pc: 33.3%;
	--size40-pc: 40%;
	--size50-pc: 50%;
	--size60-pc: 60%;
	--size66-pc: 66.6%;
	--size70-pc: 70%;
	--size75-pc: 75%;
	--size80-pc: 80%;
	--size90-pc: 90%;
	--size100-pc: 100%;
	--size10vw: 10vw;
	--size20vw: 20vw;
	--size25vw: 25vw;
	--size30vw: 30vw;
	--size33vw: 33.3vw;
	--size40vw: 40vw;
	--size50vw: 50vw;
	--size60vw: 60vw;
	--size66vw: 66.6vw;
	--size70vw: 70vw;
	--size75vw: 75vw;
	--size80vw: 80vw;
	--size90vw: 90vw;
	--size100vw: 100vw;
	--size10vh: 10vh;
	--size20vh: 20vh;
	--size25vh: 25vh;
	--size30vh: 30vh;
	--size33vh: 33.3vh;
	--size40vh: 40vh;
	--size50vh: 50vh;
	--size60vh: 60vh;
	--size66vh: 66.6vh;
	--size70vh: 70vh;
	--size75vh: 75vh;
	--size80vh: 80vh;
	--size90vh: 90vh;
	--size100vh: 100vh;
	--rem1: 1rem;
	--rem1_5: 1.5rem;
	--rem2: 2rem;
	--rem2_5: 2.5rem;
	--rem3: 3rem;
	--rem4: 4rem;
	--rem5: 5rem;
	--rem7_5: 7.5rem;
	--rem10: 10rem;
	--rem12_5: 12.5rem;
	--rem15: 15rem;
	--rel-size-x-s: 20rem;
	--rel-size-small: 24rem;
	--rel-size-medium: 28rem;
	--rel-size-large: 32rem;
	--rel-size-x-l: 36rem;
	--rel-size2-x-l: 42rem;
	--rel-size3-x-l: 48rem;
	--rel-size4-x-l: 56rem;
	--rel-size5-x-l: 64rem;
	--rel-size6-x-l: 72rem;
	--rel-size7-x-l: 80rem;
	--rel-size-full: 100%;
	--rel-size-prose: 65ch;
	--transparent: transparent;
	--body-color: #fafafa;
	--default-color: canvas;
	--default-text-color: rgb(74, 64, 60);
	--border-color: #aaaaaa70;
	--header-color: #0571ff30;
	--header-text-color: #ffce3d ;
	--accent-color: #ff6900;
	--accent-text-color: white;
	--note-color: #ffffe0;
	--note-text-color: ;
	--warning-color: #FFC107;
	--warning-text-color: darkgray;
	--selection-color: highlight;
	--selection-text-color: highlightText;
	--hover-color: #A0A0A010;
	--hover-text-color: CanvasText;
	--stop-color: red;
	--stop-text-color: white;
	--go-color: green;
	--go-text-color: white;
	--accept-color: #ff6900;
	--accept-text-color: white;
	--reject-color: red;
	--reject-text-color: white;
	--font-size-small: 0.8125em;
	--command-bg-color: #F0F0F0;
	--menu-bg-color: #ffffff;
	--menu-color: #888888;
	--link-color: var(--default-text-color, blue);
	--button-background: rgb(219, 219, 219);
	--button-text: rgb(74, 64, 60);
	--primary-background: white;
	--primary-color: gray;
	--primary-border-color: #aaaaaa70;
	--primary-accent: #6145a9c9;
	--primary-accent-text: white;
	--primary-surface: #FFFFFFA0;
	--primary-surface-text: gray;
	--primary-button-background: var(--accent-color);
	--primary-button-text: white;
	--secondary-background: #00808050;
	--secondary-border-color: #aaaaaa70;
	--secondary-color: gray;
	--secondary-accent: #318984a8;
	--secondary-accent-text: white;
	--secondary-surface: #FFFFFFA0;
	--secondary-surface-text: gray;
	--secondary-button-background: lightgreen;
	--secondary-button-text: gray;
	--tertiary-background: #cfa55c87;
	--tertiary-border-color: #aaaaaa70;
	--tertiary-color: gray;
	--tertiary-accent: #e17b42cf;
	--tertiary-accent-text: white;
	--tertiary-surface: #FFFFFFA0;
	--tertiary-surface-text: gray;
	--tertiary-button-background: lightgreen;
	--tertiary-button-text: gray;
	--nav-bar-background: rgb(255 255 255 / 51%);
	--nav-bar-back-drop-filter: blur(14px) saturate(180%);
	--background-grey-image: url("../images/cta-bg.jpg");
	--background-orange-image: url("../images/orange-gradient-bg.jpg");
	--background-orange-gradient: linear-gradient(300deg, rgba(255,105,0,1) 0%, rgba(255,105,0,1) 35%, rgba(255,156,89,1) 100%);
	--background-logo: #1e0010;
	--menu-box-shadow: 0 6px 6px 6px #ffc10750;
}

.animated-orange {    
	background: radial-gradient(circle at 0% 0%, #ffb38e, #ff961c, #ff4d00, #efd83f);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
}

	body {
		line-height: 30px;
		font-size: 18px;
		padding: 0 !important;
		margin: 0 !important;
		font-smooth: antialiased;
		--webkit-font-smoothing: antialiased;
	}

	a {
		color: var(--link-color);
	}

	@media (max-width: 900px) { 
		body {
			line-height: 25px;
			font-size: 16px;
		}
	}

	menu-bar, menu-bar * {
		color: inherit;
		background-color: var(--background-logo) !important;
	}

	/* menu-bar ~ nav {
		box-shadow: 0 6px 6px 6px #ffc10750 !important;
	} */

	menu-bar menu-item nav {
		background-color: var(--background-logo);
		color: var(--header-text-color);
	}

	menu-bar menu-item nav * {
		color: var(--header-text-color);
	}

	menu-bar > input:checked ~ nav * {
		color: var(--header-text-color);
	}

	body > [styler-layout=main] {
		padding: 0 !important;
		margin: 0 !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	
    body[data-lang=en] *[lang]:not([lang=en]) {
        display: none;
    }

    body[data-lang=hi] *[lang]:not([lang=hi]) {
        display: none;
    }

	language-chooser::part(select) {
		outline: none;
		border: none;
		background-color: var(--background-logo) !important;
		cursor: pointer;
		color: inherit;
	}