:root {
	--overlay-alpha: 0.35;
	--blur-alpha: 0.65;
	--hover-alpha: 0.35;

	
	--color_black: 0.0000 0.0000 0.00;
	--color_white: 1.0000 0.0000 0.00;

		--gray_050: 0.98 0.010 250;
	--gray_100: 0.96 0.015 250;
	--gray_200: 0.92 0.020 250;
	--gray_400: 0.80 0.025 250;
	--gray_500: 0.70 0.030 250;
	--gray_600: 0.60 0.030 250;
	--gray_700: 0.50 0.030 250;
	--gray_800: 0.40 0.030 250;
	--gray_850: 0.30 0.030 250;
	--gray_900: 0.20 0.035 250;
	--gray_950: 0.15 0.040 250;

		--color_blue: 0.5987 0.2200 257.83;
	--color_brown: 0.6262 0.0614 70.65;
	--color_cyan: 0.85 0.15 240;
	--color_green: 0.7327 0.1953 147.70;
	--color_indigo: 0.5300 0.1932 279.23;
	--color_mint: 0.7506 0.1303 188.43;
	--color_orange: 0.7669 0.1748 63.06;
	--color_pink: 0.6497 0.2383 17.90;
	--color_purple: 0.6112 0.2136 313.10;
	--color_red: 0.6551 0.2312 28.43;
	--color_teal: 0.6982 0.1105 214.42;
	--color_yellow: 0.8672 0.1773 90.85;

	
		--bg-primary: var(--gray_050);
	--bg-surface: var(--gray_100);
	--border-color: var(--gray_200);

		--text-primary: var(--gray_850);
	--text-secondary: var(--gray_700);
	--text-muted: var(--gray_500);
	--text-placeholder: var(--gray_500);

		--color-background-muted: var(--gray_100);

	--input-bg: var(--gray_050);
	--input-border: var(--gray_400);
	--input-focus-ring: var(--color_cyan);
	--focus-ring-width: 2px;
	--focus-ring-offset: 2px;

		--btn-primary-bg: var(--color_cyan);
	--btn-primary-text: var(--color_white);
	--btn-secondary-bg: var(--gray_200);
	--btn-secondary-text: var(--text-primary);

		--status-gray: var(--gray_500);
	--status-error: var(--color_red);
	--status-success: var(--color_green);
	--status-warning: var(--color_orange);
	--status-info: var(--color_cyan);

	--card-header: var(--gray_200);
	--modal-header: var(--gray_200);
	--modal-footer: var(--gray_200);
	--scrollbar-color: var(--gray_850);

		--table-header: var(--gray_200);
	--table-footer: var(--gray_200);
	--table-zebra: var(--gray_100);
	--table-active: var(--gray_400);

		--shadow-color: 0.30 0.05 250;
	--overlay-bg: var(--color_black);

	--main-bg-img: none;

		color-scheme: light;

	--radius-base: 6px;
	--radius-card: calc(var(--radius-base) + 0.75 * var(--margin-size));
	--radius-modal: calc(var(--radius-card) + var(--margin-size));
	--margin-size: 20px;
	--transition-speed-fast: 0.15s;
	--transition-speed-slow: 0.3s;
	--timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
	--timing-function-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
	--font-size: 13px;
	--button-font-size: 13px;
	--label-font-size: 11px;
	--modal-footer-font-size: 11px;
	--header1-font-size: 19px;
	--header2-font-size: 17px;
	--header3-font-size: var(--header1-font-size);
	--header4-font-size: 13px;
	--header5-font-size: 11px;
	--input-font-size: 13px;
	--input-font-size-small: 11px;
	--icon-size-btn-svg: 17px;
	--no-content-font-size: 13px;

	--table-head-font-size: 11px;
	--table-body-font-size: 13px;
	--table-foot-font-size: 11px;

	--menu-font-size: 11px;

	--z-index-low: 1;
	--z-index-medium: 10;
	--z-index-menu-overlay: 998;
	--z-index-modal-overlay: 2000;
	--z-index-modal: 2001;
	--z-index-fullscreen: 9999;

	--color-blue: 0.5987 0.2200 257.83;
	--color-blue-hover: 0.4650 0.2398 263.22;
	--color-cyan: 0.7114 0.1317 232.57;
	--color-cyan-hover: 0.8166 0.1185 227.75;
	--color-green: 0.7327 0.1953 147.70;
	--color-green-hover: 0.7588 0.2073 147.11;
	--color-orange: 0.7669 0.1748 63.06;
	--color-orange-hover: 0.7841 0.1708 67.74;
	--color-purple: 0.6112 0.2136 313.10;
	--color-purple-hover: 0.6536 0.2251 312.55;
	--color-red: 0.6551 0.2312 28.43;
	--color-red-hover: 0.5528 0.2256 27.40;
	--color-yellow: 0.8672 0.1773 90.85;
	--color-yellow-hover: 0.8869 0.1811 95.22;

	--menu-background: 0.9851 0.0000 0.00;
	--menu-a-hover-background: 0.9702 0.0000 0.00;

	--text-on-menu: 0.1684 0.0000 0.00;
	--icons-on-menu: 0.1684 0.0000 0.00 / 0.5;
	--icons-on-menu-hover: 0.1684 0.0000 0.00 / 0.75;
	--icons-on-menu-current: 0.1684 0.0000 0.00;

	--modal-h4-background: 0.9702 0.0000 0.00;
	--modal-footer-button-icon-selected: var(--color-cyan);
	--modal-footer-button-icon-hover: var(--color-cyan-hover);

	--page-background: var(--bg-primary);
	--panel-background: var(--bg-surface);
	--text-on-input: 0.1684 0.0000 0.00;
	--accent-primary: 0.3171 0.0000 0.00;
	--accent-primary-hover: 0.3942 0.0000 0.00;
	--icon-ui: var(--accent-primary);
	--icon-ui-hover: var(--accent-primary-hover);
	--text-on-accent: 0.9851 0.0000 0.00;
	--border-focus-color: 0.7699 0.0000 0.00;
	--table-head-background: var(--gray_100) / 0.5;
	--table-head-button-hover-background: var(--gray_200) / 0.7;
	--table-body-hover-background: var(--gray_200) / 0.5;
	--table-body-2n-background: var(--gray_050) / 0.3;
	--table-body-button-hover-background: var(--gray_200) / 0.6;
}

@media (max-width: 992px) {
	:root {
		--input-font-size: 16px;
		--input-font-size-small: 16px;
		--margin-size: 12px;
	}
}