:root {
	/* Background */
	--primary: #f8fafc;
	--secondary: #fff;
	--thirdary: #1F6FE5;

	/* Testo */
	--text-color: #777;

	/* Brand */
	--btn-color: #1F6FE5;
	--btn-hover: #195ec4;

	/* Semantic colors */
	--success: #28a745;
	--success-hover: #1d7a32;

	--warning: #ffc107;
	--warning-hover: #d39e00;

	--danger: #dc3545;
	--danger-hover: #a52935;

	--info: #007bff;
	--info-hover: #0059ba;

	--edit: #e87f00;
	--edit-hover: #ad5f01;

	/* Outline */
	--outline-primary: var(--btn-color);
	--outline-info: var(--info);
	--outline-warning: var(--warning);
	--outline-danger: var(--danger);

	/* Input */
	--input-bg: #f8fafc;
	--input-bg-disabled: #e9ebed;
	--input-text: #374151;
	--input-border: #d1d5db;
	--input-focus: #1F6FE5;

	/* Surface */

	--background: #f8fafc;
	--surface: #ffffff;
	--surface-hover: #eef2f7;
	--surface-focus: #ebf3ff;

	/* Border */

	--border-color: #e5e7eb;

	/* Scrollbar */

	--scrollbar: #cbd5e1;
	--scrollbar-hover: #9ca3af;
	--scrollbar-active: #6b7280;

	/* Header */

	--text-primary: #041e42;
	--text-secondary: #465168;
	--text-dark: #111827;
	--text-active: #2563eb;

	--login-primary: #246fe7;
	--login-primary-hover: #e5eefc;

	--login-primary-text: #041e42;
	--login-secondary-text: #374151;
	--login-muted: #8b95a7;

	--login-white: #fefefe;

	--login-secondary: #f5f9ff;
	--login-tertiary: #e5eefc;

	--login-input-border: #d9e1ec;
	--login-button-secondary-border: #dddddd;



	/* Login */

	--login-primary-text: #041e42;
	--login-secondary-text: #374151;
	--login-muted: #8b95a7;

	--login-primary: #246fe7;
	--login-primary-hover: #e5eefc;

	--login-white: #fefefe;
	--login-secondary: #f5f9ff;
	--login-tertiary: #e5eefc;

	--login-input-border: #d9e1ec;
	--login-button-secondary-border: #dddddd;

	/* Slider */
	--slider-warning-bar: #ce6f6f;
	--slider-warning-selection: #fdd32f;
	--slider-warning-pointer: #febc21;
	--slider-warning-tick: #ffbfbf;
	--slider-warning-tick-selected: #f8e601;

	--slider-normal-bar: #c0c0c0;
	--slider-normal-selection: #00ca00;
	--slider-normal-pointer: #00e845;
	--slider-normal-tick: #ffbfbf;
	--slider-normal-tick-selected: #009700;

	--sidetab-active: #e6f0ff;

	--disabled-bg: #e5e7eb;
	--disabled-border: #aeb4bc;
	--disabled-text: #7f8791;
}