:root {

--font-default: Segoe UI, Roboto, Arial, sans-serif;
--font-heading: Segoe UI, Roboto, Arial, sans-serif;
--font-highlight: Segoe UI, Roboto, Arial, sans-serif;
--font-note: Segoe UI, Roboto, Arial, sans-serif;
--font-accent: Segoe UI, Roboto, Arial, sans-serif;
--font-code: monospace;
--font-fantasy: fantasy;

--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: #FFFFFFA0;
--tertiary-surface-text: gray;
--surface-text-color:#05112d;
--form-button-background: #05112d;
--form-button-text: #ffd3a2;
}

body > [styler-layout=main] {
	padding: 0 !important;
	margin: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
menu-bar,
menu-bar * {
	color: #ffd3a2;
	background-color: #05112d !important;
	
}

menu-bar,
menu-bar * {
	color: #ffd3a2;
	background-color: #05112d !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;
}

.menu-bar {
	flex: 1 1 70%;
}