﻿
@media (prefers-color-scheme: light) {
	[ML_Style_Selector=Light],
	[ML_Style_Selector=SystemColor] {
		/*Gunmetal*/
		--text: #262c2c;
		--text-50: #f1f3f3;
		--text-100: #e4e7e7;
		--text-200: #c8d0d0;
		--text-300: #adb8b8;
		--text-400: #92a0a0;
		--text-500: #778888;
		--text-600: #5f6d6d;
		--text-700: #475252;
		--text-800: #2f3737;
		--text-900: #181b1b;
		--text-950: #0c0e0e;
		/*White Smoke*/
		--background: #f5f5f5;
		--background-50: #f2f2f2;
		--background-100: #e6e6e6;
		--background-200: #cccccc;
		--background-300: #b3b3b3;
		--background-400: #999999;
		--background-500: #808080;
		--background-600: #666666;
		--background-700: #4d4d4d;
		--background-800: #333333;
		--background-900: #1a1a1a;
		--background-950: #0d0d0d;
		/*Pigment Green*/
		--primary: #1C7B44;
		--primary-50: #eafaf1;
		--primary-100: #d5f6e3;
		--primary-200: #acecc7;
		--primary-300: #82e3aa;
		--primary-400: #59d98e;
		--primary-500: #2fd072;
		--primary-600: #26a65b;
		--primary-700: #1c7d44;
		--primary-800: #13532e;
		--primary-900: #092a17;
		--primary-950: #05150b;
		/*French gray*/
		--secondary: #b3bac2;
		--secondary-50: #f1f2f4;
		--secondary-100: #e3e5e8;
		--secondary-200: #c6ccd2;
		--secondary-300: #aab2bb;
		--secondary-400: #8e98a4;
		--secondary-500: #717f8e;
		--secondary-600: #5b6571;
		--secondary-700: #444c55;
		--secondary-800: #2d3339;
		--secondary-900: #17191c;
		--secondary-950: #0b0d0e;
		/*Emerald*/
		--accent: #26A95D;
		--accent-50: #eafaf1;
		--accent-100: #d5f6e3;
		--accent-200: #acecc7;
		--accent-300: #82e3aa;
		--accent-400: #59d98e;
		--accent-500: #2fd072;
		--accent-600: #26a65b;
		--accent-700: #1c7d44;
		--accent-800: #13532e;
		--accent-900: #092a17;
		--accent-950: #05150b;
		/*FINE PALETTE*/
		/*----------------------------*/
		/*White*/
		--header-color: white;
		--content-color: white;
		/*System Color*/
		--error: #ef5350;
		--warning: #ff9800;
		--notice: #FFC107;
		--info: #1a73e8;
		--neutral: #a9a8ad;
		--success: var(--accent-600);
		--trasparent: #ffffff00;
		color-scheme: light;
	}

	[ML_Style_Selector=Dark] {
		--text: #d3d9d9;
		--text-50: #0c0e0e;
		--text-100: #181b1b;
		--text-200: #2f3737;
		--text-300: #475252;
		--text-400: #5f6d6d;
		--text-500: #778888;
		--text-600: #92a0a0;
		--text-700: #adb8b8;
		--text-800: #c8d0d0;
		--text-900: #e4e7e7;
		--text-950: #f1f3f3;
		--background: #0a0a0a;
		--background-50: #0d0d0d;
		--background-100: #1a1a1a;
		--background-200: #333333;
		--background-300: #4d4d4d;
		--background-400: #666666;
		--background-500: #808080;
		--background-600: #999999;
		--background-700: #b3b3b3;
		--background-800: #cccccc;
		--background-900: #e6e6e6;
		--background-950: #f2f2f2;
		--primary: #55d88b;
		--primary-50: #05150b;
		--primary-100: #092a17;
		--primary-200: #13532e;
		--primary-300: #1c7d44;
		--primary-400: #26a65b;
		--primary-500: #2fd072;
		--primary-600: #59d98e;
		--primary-700: #82e3aa;
		--primary-800: #acecc7;
		--primary-900: #d5f6e3;
		--primary-950: #eafaf1;
		--secondary: #3d444c;
		--secondary-50: #0b0d0e;
		--secondary-100: #17191c;
		--secondary-200: #2d3339;
		--secondary-300: #444c55;
		--secondary-400: #5b6571;
		--secondary-500: #717f8e;
		--secondary-600: #8e98a4;
		--secondary-700: #aab2bb;
		--secondary-800: #c6ccd2;
		--secondary-900: #e3e5e8;
		--secondary-950: #f1f2f4;
		--accent: #37d278;
		--accent-50: #05150b;
		--accent-100: #092a17;
		--accent-200: #13532e;
		--accent-300: #1c7d44;
		--accent-400: #26a65b;
		--accent-500: #2fd072;
		--accent-600: #59d98e;
		--accent-700: #82e3aa;
		--accent-800: #acecc7;
		--accent-900: #d5f6e3;
		--accent-950: #eafaf1;
		/*FINE PALETTE*/
		/*----------------------------*/
		/*White*/
		--header-color: #212322;
		--content-color: #212322;
		/*System Color*/
		--error: #ef5350;
		--warning: #ff9800;
		--notice: #FFC107;
		--info: #1a73e8;
		--neutral: #a9a8ad;
		--success: var(--accent-500);
		--trasparent: #ffffff00;
		color-scheme: dark;
	}
}


@media (prefers-color-scheme: dark) {
	[ML_Style_Selector=Light] {
		/*Gunmetal*/
		--text: #262c2c;
		--text-50: #f1f3f3;
		--text-100: #e4e7e7;
		--text-200: #c8d0d0;
		--text-300: #adb8b8;
		--text-400: #92a0a0;
		--text-500: #778888;
		--text-600: #5f6d6d;
		--text-700: #475252;
		--text-800: #2f3737;
		--text-900: #181b1b;
		--text-950: #0c0e0e;
		/*White Smoke*/
		--background: #f5f5f5;
		--background-50: #f2f2f2;
		--background-100: #e6e6e6;
		--background-200: #cccccc;
		--background-300: #b3b3b3;
		--background-400: #999999;
		--background-500: #808080;
		--background-600: #666666;
		--background-700: #4d4d4d;
		--background-800: #333333;
		--background-900: #1a1a1a;
		--background-950: #0d0d0d;
		/*Pigment Green*/
		--primary: #1C7B44;
		--primary-50: #eafaf1;
		--primary-100: #d5f6e3;
		--primary-200: #acecc7;
		--primary-300: #82e3aa;
		--primary-400: #59d98e;
		--primary-500: #2fd072;
		--primary-600: #26a65b;
		--primary-700: #1c7d44;
		--primary-800: #13532e;
		--primary-900: #092a17;
		--primary-950: #05150b;
		/*French gray*/
		--secondary: #b3bac2;
		--secondary-50: #f1f2f4;
		--secondary-100: #e3e5e8;
		--secondary-200: #c6ccd2;
		--secondary-300: #aab2bb;
		--secondary-400: #8e98a4;
		--secondary-500: #717f8e;
		--secondary-600: #5b6571;
		--secondary-700: #444c55;
		--secondary-800: #2d3339;
		--secondary-900: #17191c;
		--secondary-950: #0b0d0e;
		/*Emerald*/
		--accent: #26A95D;
		--accent-50: #eafaf1;
		--accent-100: #d5f6e3;
		--accent-200: #acecc7;
		--accent-300: #82e3aa;
		--accent-400: #59d98e;
		--accent-500: #2fd072;
		--accent-600: #26a65b;
		--accent-700: #1c7d44;
		--accent-800: #13532e;
		--accent-900: #092a17;
		--accent-950: #05150b;
		/*FINE PALETTE*/
		/*----------------------------*/
		/*White*/
		--header-color: white;
		--content-color: white;
		/*System Color*/
		--error: #ef5350;
		--warning: #ff9800;
		--notice: #FFC107;
		--info: #1a73e8;
		--neutral: #a9a8ad;
		--success: var(--accent-600);
		--trasparent: #ffffff00;
		color-scheme: light;
	}

	[ML_Style_Selector=Dark],
	[ML_Style_Selector=SystemColor] {
		--text: #d3d9d9;
		--text-50: #0c0e0e;
		--text-100: #181b1b;
		--text-200: #2f3737;
		--text-300: #475252;
		--text-400: #5f6d6d;
		--text-500: #778888;
		--text-600: #92a0a0;
		--text-700: #adb8b8;
		--text-800: #c8d0d0;
		--text-900: #e4e7e7;
		--text-950: #f1f3f3;
		--background: #0a0a0a;
		--background-50: #0d0d0d;
		--background-100: #1a1a1a;
		--background-200: #333333;
		--background-300: #4d4d4d;
		--background-400: #666666;
		--background-500: #808080;
		--background-600: #999999;
		--background-700: #b3b3b3;
		--background-800: #cccccc;
		--background-900: #e6e6e6;
		--background-950: #f2f2f2;
		--primary: #55d88b;
		--primary-50: #05150b;
		--primary-100: #092a17;
		--primary-200: #13532e;
		--primary-300: #1c7d44;
		--primary-400: #26a65b;
		--primary-500: #2fd072;
		--primary-600: #59d98e;
		--primary-700: #82e3aa;
		--primary-800: #acecc7;
		--primary-900: #d5f6e3;
		--primary-950: #eafaf1;
		--secondary: #3d444c;
		--secondary-50: #0b0d0e;
		--secondary-100: #17191c;
		--secondary-200: #2d3339;
		--secondary-300: #444c55;
		--secondary-400: #5b6571;
		--secondary-500: #717f8e;
		--secondary-600: #8e98a4;
		--secondary-700: #aab2bb;
		--secondary-800: #c6ccd2;
		--secondary-900: #e3e5e8;
		--secondary-950: #f1f2f4;
		--accent: #37d278;
		--accent-50: #05150b;
		--accent-100: #092a17;
		--accent-200: #13532e;
		--accent-300: #1c7d44;
		--accent-400: #26a65b;
		--accent-500: #2fd072;
		--accent-600: #59d98e;
		--accent-700: #82e3aa;
		--accent-800: #acecc7;
		--accent-900: #d5f6e3;
		--accent-950: #eafaf1;
		/*FINE PALETTE*/
		/*----------------------------*/
		/*White*/
		--header-color: #05150b;
		--content-color: #05150b;
		/*System Color*/
		--error: #ef5350;
		--warning: #ff9800;
		--notice: #FFC107;
		--info: #1a73e8;
		--neutral: #a9a8ad;
		--success: var(--accent-500);
		--trasparent: #ffffff00;
		color-scheme: dark;
	}
}

* {
	margin: 0;
}

:root {
	height: 100dvh;
	width: 100dvw;
}

html {
	--cm-primary: #27aa5e;
}

[ML_Style_Selector] {
	--border-color: var(--text-300);
	/**/
	color: var(--text);
	--header-FORM_EDIT: 61px;
}

.ck-content {
	min-height: 110px;
}

::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

::-webkit-scrollbar-button {
	width: 0px;
	height: 0px;
}

::-webkit-scrollbar-thumb {
	background-color: var(--primary);
	border: 0px none;
	border-radius: 50px;
}

	::-webkit-scrollbar-thumb:hover {
		background: var(--primary-600);
	}

	::-webkit-scrollbar-thumb:active {
		background: var(--primary-600);
	}

::-webkit-scrollbar-track {
	background: trasparent;
	border: 0px none;
	border-radius: 50px;
	margin-block: 2px;
}

	::-webkit-scrollbar-track:hover {
		background: var(--background-100);
	}

	::-webkit-scrollbar-track:active {
		background: var(--background-200);
	}

::-webkit-scrollbar-corner {
	background: transparent;
}

.Hide {
	display: none !important;
}

.Hidden {
	opacity: 0 !important;
	visibility: hidden;
}

.Disabled {
	opacity: .7;
	--primary: var(--text-500);
	--accent: var(--text-300);
	--warning: var(--text-500);
	--error: var(--text-500);
}

.CookieMan-primary {
	fill: var(--cm-primary) !important;
}

.CookieMan-secondary {
	fill: color-mix(in srgb, var(--cm-primary), black 18%);
}


/*Custom color per icone FA*/
.fad, .fa-duotone {
	--fa-primary-color: var(--primary);
	--fa-secondary-color: var(--accent);
}

:is(.fad, .fa-duotone).Error,
:is(.fad, .fa-duotone)[ML_Status=Error] {
	--fa-primary-color: var(--error);
	--fa-secondary-color: var(--error);
}

:is(.fad, .fa-duotone).Disabled,
:is(.fad, .fa-duotone)[ML_Status=Disabled] {
	--fa-primary-color: var(--secondary-700);
	--fa-secondary-color: var(--secondary-700);
}

:is(.fad, .fa-duotone).Warning {
	--fa-primary-color: var(--warning);
	--fa-secondary-color: var(--warning);
}

:is(.fad, .fa-duotone).Notice {
	--fa-primary-color: var(--notice);
	--fa-secondary-color: var(--notice);
}

:is(.fad, .fa-duotone).Info {
	--fa-primary-color: var(--info);
	--fa-secondary-color: var(--info);
}

:is(.fad, .fa-duotone).Neutral {
	--fa-primary-color: var(--neutral);
	--fa-secondary-color: var(--neutral);
}

.fa-toggle-large-on {
	font-size: 16px;
}

	.fa-toggle-large-on.fa-rotate-180 {
		--fa-primary-color: var(--secondary-700);
		--fa-secondary-color: var(--secondary-700);
	}

.fa-triangle-exclamation {
	font-size: 16px;
	--fa-primary-color: var(--warning);
	--fa-secondary-color: var(--warning);
}

.fa-beat-fade {
	--fa-animation-duration: 2s
}

.Logo {
	display: flex;
	gap: 3px;
}
