:root {
	--logo: url("/assets/media/logo/pitel-logo.png");
	--header-bg-color: rgb(7, 118, 188);
	--header-bg-color-gradient: linear-gradient(
		90deg,
		rgba(7, 118, 188, 1) 0%,
		rgba(8, 131, 209, 1) 35%,
		rgba(0, 212, 255, 1) 100%
	);
	--active-link: #073cbd;
	--branch-name: "TEL4VN";

	/* Primary template */
	--color-primary-50: 219 234 245;
	--color-primary-100: 207 227 241;
	--color-primary-200: 195 221 238;
	--color-primary-300: 159 200 227;
	--color-primary-400: 88 158 207;
	--color-primary-500: 16 117 186;
	--color-primary-600: 14 105 167;
	--color-primary-700: 12 88 140;
	--color-primary-800: 10 70 112;
	--color-primary-900: 8 57 91;

	/* Secondary template */
	--color-secondary-50: 253 230 223;
	--color-secondary-100: 252 222 213;
	--color-secondary-200: 251 214 202;
	--color-secondary-300: 249 189 171;
	--color-secondary-400: 245 139 107;
	--color-secondary-500: 240 89 44;
	--color-secondary-600: 216 80 40;
	--color-secondary-700: 180 67 33;
	--color-secondary-800: 144 53 26;
	--color-secondary-900: 101 21 21;

	/* Success template */
	--color-success-50: 218 242 231;
	--color-success-100: 206 238 223;
	--color-success-200: 194 234 215;
	--color-success-300: 157 221 191;
	--color-success-400: 84 196 144;
	--color-success-500: 11 170 96;
	--color-success-600: 10 153 86;
	--color-success-700: 8 128 72;
	--color-success-800: 7 102 58;
	--color-success-900: 5 83 47;

	/* Info template */
	--color-info-50: 230 239 254;
	--color-info-100: 181 209 254;
	--color-info-200: 132 179 254;
	--color-info-300: 83 149 254;
	--color-info-400: 34 119 254;
	--color-info-500: 10 104 254;
	--color-info-600: 9 93 228;
	--color-info-700: 8 83 203;
	--color-info-800: 7 72 177;
	--color-info-900: 6 62 152;

	/* Warning template */
	--color-warning-50: 253 248 234;
	--color-warning-100: 250 234 193;
	--color-warning-200: 247 221 153;
	--color-warning-300: 246 214 132;
	--color-warning-400: 243 200 91;
	--color-warning-500: 240 187 51;
	--color-warning-600: 216 168 45;
	--color-warning-700: 192 149 40;
	--color-warning-800: 168 130 35;
	--color-warning-900: 144 112 30;

	/* Danger template */
	--color-danger-50: 248 223 223;
	--color-danger-100: 245 212 212;
	--color-danger-200: 243 202 202;
	--color-danger-300: 236 170 170;
	--color-danger-400: 221 106 106;
	--color-danger-500: 207 42 42;
	--color-danger-600: 186 38 38;
	--color-danger-700: 155 32 32;
	--color-danger-800: 124 25 25;
	--color-danger-900: 101 21 21;

	/* Surface template */
	--color-surface-50: 248 249 251;
	--color-surface-100: 243 246 249;
	--color-surface-200: 241 245 249;
	--color-surface-300: 235 239 245;
	--color-surface-400: 226 232 240;
	--color-surface-500: 203 209 216;
	--color-surface-600: 170 174 180;
	--color-surface-700: 136 139 144;
	--color-surface-800: 50 50 50;
	--color-surface-900: 12 12 12;

	/* Tertiary template */
	--color-tertiary-50: 217 225 227;
	--color-tertiary-100: 204 215 218;
	--color-tertiary-200: 191 205 209;
	--color-tertiary-300: 153 175 181;
	--color-tertiary-400: 0 55 69;
	--color-tertiary-500: 0 50 62;
	--color-tertiary-600: 0 41 52;
	--color-tertiary-700: 0 33 41;
	--color-tertiary-800: 0 27 34;
	--color-tertiary-900: 77 115 125;

	/* Text colors */
	--color-text-gray-50: 249 250 251;
	--color-text-gray-100: 243 244 246;
	--color-text-gray-200: 229 231 235;
	--color-text-gray-300: 209 213 219;
	--color-text-gray-400: 156 163 175;
	--color-text-gray-500: 107 114 128;
	--color-text-gray-600: 75 85 99;
	--color-text-gray-700: 55 65 81;
	--color-text-gray-800: 31 41 55;
	--color-text-gray-900: 17 24 39;

	/* Table */
	--table-header: 251, 251, 251;
	--table-odd: 245, 245, 245;
	--table-header-color: 58, 58, 58;
	--table-body-color: 73, 73, 73;

	/* Border */
	--color-border-color: 216, 216, 216;
	--color-border-primary: 0, 142, 204;
	--color-border-secondary: 97, 97, 97;
	--color-border-success: 5, 146, 18;
	--color-border-info: 22, 121, 171;
	--color-border-warning: 255, 199, 0;
	--color-border-danger: 240, 68, 56;
	--color-border-panel: 125, 171, 248, 0.302;

	/* Sidebar */
	--color-sidebar-background: 52, 58, 64;
	--color-sub-sidebar: 115, 128, 140;

	--color-primary: #8231d3;
	--color-secondary: #5840ff;
	--color-success: #01b81a;
	--color-info: #00aaff;
	--color-warning: #fa8b0c;
	--color-danger: #ff0f0f;
	--color-dark: #0a0a0a;
	--color-infos: #00e4ec;
	--color-warnings: #ffbb00;
	--color-dangers: #ff0f0f;
	--color-purple: #a722f6;
	--bg-primary: #8231d3;
	--bg-secondary: #5840ff;
	--bg-success: #01b81a;
	--bg-info: #00aaff;
	--bg-warning: #fa8b0c;
	--bg-danger: #ff0f0f;
	--bg-dark: #0a0a0a;
	--bg-primary-hover: #6726a8;
	--bg-secondary-hover: #3520c8;
	--bg-success-hover: #0d811d;
	--bg-info-hover: #0787c7;
	--bg-warning-hover: #d9790a;
	--bg-danger-hover: #cb0000;
	--bg-dark-hover: #272525;
	--bg-gray-hover: #585858;
	--color-primary-rgba: 130, 49, 211;
	--color-secondary-rgba: 88, 64, 255;
	--color-success-rgba: 1, 184, 26;
	--color-info-rgba: 0, 170, 255;
	--color-warning-rgba: 250, 139, 12;
	--color-danger-rgba: 255, 15, 15;
	--color-dark-rgba: 9, 14, 48;
	--color-primary-rgba-shadow: rgba(var(--color-primary-rgba), 0.2);
	--color-white: #fff;
	--color-light: #747474;
	--color-lighten: #a0a0a0;
	--color-lighter: #f8f9fb;
	--color-lighten-x: #5d658c;
	--footer-dark: #353b58;
	--color-deep: #eff0f3;
	--color-normal: #f8f9fb;
	--color-lighters: #f4f5f7;
	--color-lighten-rgba: 173, 181, 217;
	--color-gray: #404040;
	--color-gray-x: #5a5f7d;
	--body-color: #666d92;
	--text-color: #666d92;
	--light-gray: #8c90a4;
	--light-gray-rgba: 173, 181, 217;
	--border-color: #f1f2f6;
	--border-light: #e3e6ef;
	--border-deep: #c6d0dc;

	--bg-normal: #f8f9fb;
	--bg-lighters: #f4f5f7;
	--bg-lighter: #f4f5f7;
	--bg-deep: #eff0f3;
	--bg-gray: #525768;
	--bg-light: #747474;
	--bg-white: #ffffff;

	--color-border-color: 216, 216, 216;
	--color-border-primary: 0, 142, 204;
	--color-border-secondary: 97, 97, 97;
	--color-border-success: 5, 146, 18;
	--color-border-info: 22, 121, 171;
	--color-border-warning: 255, 199, 0;
	--color-border-danger: 240, 68, 56;
	--transition: all 0.3s ease;
	--input-bg: var(--color-white);
	--input-focus-bg: var(--color-white);
	--tooltip-bg: var(--color-white);
	--tooltip-arrow-color: var(--color-white);
	--shadow2: #9299b80d;
	--shadow3: #9299b81a;
	--shadow4: #9299b833;
	--shadow5: #9299b826;
}