:root {
	--size-tiny: 2px;
	--size-small: 5px;
	--size-smaller: 7px;
	--size-default: 10px;
	--size-larger: 15px;
	--size-large: 20px;
	--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;
	--default-color: canvas;
	--default-text-color: canvastext;
	--border-color: lightgray;
	--header-color: #0571ff30;
	--header-text-color: ;
	--accent-color: #f8be7e;
	--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: blue;
	--accept-text-color: white;
	--reject-color: red;
	--reject-text-color: white;
	--font-size-small: 0.8125em;
	--command-bg-color: #F0F0F0;
	--menu-bg-color: #808080;
	--menu-color: #F0F0F0;
	--link-color: blue;
	--primary-background: #dddddd23;
	--primary-color: gray;
	--primary-accent: #6145a9c9;
	--primary-accent-text: white;
	--primary-surface: #FFFFFFA0;
	--primary-surface-text: gray;
	--secondary-background: #00808050;
	--secondary-color: gray;
	--secondary-accent: #9ec93ca8;
	--secondary-accent-text: white;
	--secondary-surface: #FFFFFFA0;
	--secondary-surface-text: gray;
	--tertiary-background: #cfa55c87;
	--tertiary-color: gray;
	--tertiary-accent: #e17b42cf;
	--tertiary-accent-text: white;
	--tertiary-surface: black;
	--tertiary-surface-text: #f8be7e;
	--form-button-background: black;
	--form-button-text: #f8be7e;
}

body > [styler-layout=main] {
	padding: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	font-family: "Raleway", Sans-serif;
}

menu-bar,
menu-bar * {
	color: inherit;
	background-color: black !important;
	
}

menu-bar,
menu-bar * {
	color: inherit;
	background-color: black !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);
}

/* WhatsApp Button Styling */
.whatsapp-button {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 1000;
	background-color: #25d366;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
	cursor: pointer;
}

.whatsapp-button img {
	width: 30px;
	height: 30px;
}

.whatsapp-button:hover {
	background-color: #1ebe57;
}