/* Compatible IT Solutions — CSS Custom Properties */

:root {

	/* ── Brand Colors (Compatible overrides) ── */
	--color-one: rgb(22,26,29);            /* #161a1d  near-black heading/text */
	--color-one-rgb: 22,26,29;
	--main-color: rgb(53,204,246);         /* #35ccf6  sky blue */
	--main-color-rgb: 53,204,246;
	--color-two: rgb(21,35,97);            /* #152361  dark navy */
	--color-two-rgb: 21,35,97;
	--color-three: rgb(9,9,9);             /* near black */
	--color-three-rgb: 9,9,9;
	--color-four: rgb(255,249,239);        /* warm white */
	--color-four-rgb: 255,249,239;
	--color-five: rgb(44,44,113);          /* #2c2c71  indigo */
	--color-five-rgb: 44,44,113;
	--color-six: rgb(234,242,255);         /* light blue tint */
	--color-six-rgb: 234,242,255;
	--color-seven: rgb(85,85,85);
	--color-seven-rgb: 85,85,85;
	--color-eight: rgb(9,9,9);
	--color-eight-rgb: 9,9,9;
	--color-nine: rgb(255,144,144);
	--color-nine-rgb: 255,144,144;
	--color-ten: rgb(252,85,70);
	--color-ten-rgb: 252,85,70;
	--color-eleven: rgb(238,242,32);
	--color-eleven-rgb: 238,242,32;
	--color-twelve: rgb(67,217,190);
	--color-twelve-rgb: 67,217,190;
	--color-thirteen: rgb(244,244,249);
	--color-thirteen-rgb: 244,244,249;
	--color-fourteen: rgb(1,143,85);
	--color-fourteen-rgb: 1,143,85;
	--color-fifteen: rgb(247,167,62);
	--color-fifteen-rgb: 247,167,62;
	--color-sixteen: rgb(187,84,225);
	--color-sixteen-rgb: 187,84,225;
	--color-seventeen: rgb(0,124,124);
	--color-seventeen-rgb: 0,124,124;

	--white-color: rgb(255,255,255);
	--white-color-rgb: 255,255,255;
	--black-color: rgb(0,0,0);
	--black-color-rgb: 0,0,0;
	--dark-color: rgb(9,9,9);

	/* Override base font variables to use Montserrat throughout */
	--font-family-Inter: 'Montserrat', sans-serif;
	--font-family-Roboto: 'Montserrat', sans-serif;
	--font-family-Montserrat: 'Montserrat', sans-serif;

	/* ── Font Sizes ── */
	--font-8: 8px;    --font-10: 10px;  --font-11: 11px;  --font-12: 12px;
	--font-13: 13px;  --font-14: 14px;  --font-15: 15px;  --font-16: 16px;
	--font-17: 17px;  --font-18: 18px;  --font-20: 20px;  --font-21: 21px;
	--font-22: 22px;  --font-24: 24px;  --font-25: 25px;  --font-26: 26px;
	--font-28: 28px;  --font-30: 30px;  --font-32: 32px;  --font-34: 34px;
	--font-35: 35px;  --font-36: 36px;  --font-38: 38px;  --font-40: 40px;
	--font-42: 42px;  --font-44: 44px;  --font-45: 45px;  --font-46: 46px;
	--font-48: 48px;  --font-50: 50px;  --font-52: 52px;  --font-54: 54px;
	--font-56: 56px;  --font-58: 58px;  --font-60: 60px;  --font-62: 62px;
	--font-64: 64px;  --font-65: 65px;  --font-66: 66px;  --font-68: 68px;
	--font-70: 70px;  --font-72: 72px;  --font-74: 74px;  --font-75: 75px;
	--font-76: 76px;  --font-78: 78px;  --font-80: 80px;  --font-82: 82px;
	--font-85: 85px;  --font-90: 90px;  --font-93: 93px;  --font-95: 95px;
	--font-100: 100px; --font-110: 110px; --font-120: 120px; --font-150: 150px;
	--font-200: 200px;

	/* ── Spacing ── */
	--margin-zero: 0px;
	--margin-left-5: 5px;   --margin-left-10: 10px;  --margin-left-15: 15px;
	--margin-left-20: 20px; --margin-left-25: 25px;  --margin-left-30: 30px;
	--margin-left-35: 35px; --margin-left-40: 40px;  --margin-left-45: 45px;
	--margin-left-50: 50px; --margin-left-60: 60px;  --margin-left-70: 70px;
	--margin-left-80: 80px; --margin-left-100: 100px;--margin-left-120: 120px;

	--margin-top-5: 5px;    --margin-top-10: 10px;   --margin-top-15: 15px;
	--margin-top-20: 20px;  --margin-top-21: 21px;   --margin-top-25: 25px;
	--margin-top-30: 30px;  --margin-top-35: 35px;   --margin-top-40: 40px;
	--margin-top-45: 45px;  --margin-top-50: 50px;   --margin-top-55: 55px;
	--margin-top-60: 60px;  --margin-top-65: 65px;   --margin-top-70: 70px;
	--margin-top-75: 75px;  --margin-top-80: 80px;   --margin-top-90: 90px;
	--margin-top-100: 100px;--margin-top-120: 120px; --margin-top-140: 140px;
	--margin-top-150: 150px;

	--margin-right-5: 5px;  --margin-right-10: 10px; --margin-right-15: 15px;
	--margin-right-20: 20px;--margin-right-25: 25px; --margin-right-30: 30px;
	--margin-right-35: 35px;--margin-right-40: 40px; --margin-right-45: 45px;
	--margin-right-50: 50px;--margin-right-60: 60px; --margin-right-70: 70px;
	--margin-right-80: 80px;--margin-right-100: 100px;--margin-right-110: 110px;

	--margin-bottom-5: 5px;  --margin-bottom-10: 10px; --margin-bottom-15: 15px;
	--margin-bottom-20: 20px;--margin-bottom-25: 25px; --margin-bottom-30: 30px;
	--margin-bottom-35: 35px;--margin-bottom-40: 40px; --margin-bottom-45: 45px;
	--margin-bottom-50: 50px;--margin-bottom-60: 60px; --margin-bottom-70: 70px;
	--margin-bottom-80: 80px;--margin-bottom-100: 100px;--margin-bottom-130: 130px;
	--margin-bottom-150: 150px;--margin-bottom-200: 200px;

	--padding-zero: 0px;
	--padding-left-5: 5px;  --padding-left-10: 10px; --padding-left-15: 15px;
	--padding-left-20: 20px;--padding-left-25: 25px; --padding-left-30: 30px;
	--padding-left-35: 35px;--padding-left-40: 40px; --padding-left-45: 45px;
	--padding-left-50: 50px;--padding-left-55: 55px; --padding-left-60: 60px;
	--padding-left-65: 65px;--padding-left-70: 70px; --padding-left-75: 75px;
	--padding-left-80: 80px;--padding-left-85: 85px; --padding-left-90: 90px;
	--padding-left-100: 100px;--padding-left-110: 110px;--padding-left-120: 120px;
	--padding-left-130: 130px;--padding-left-140: 140px;--padding-left-150: 150px;
	--padding-left-160: 160px;--padding-left-170: 170px;--padding-left-180: 180px;
	--padding-left-190: 190px;--padding-left-200: 200px;--padding-left-240: 240px;
	--padding-left-290: 290px;

	--padding-top-5: 5px;   --padding-top-10: 10px;  --padding-top-15: 15px;
	--padding-top-20: 20px; --padding-top-25: 25px;  --padding-top-30: 30px;
	--padding-top-35: 35px; --padding-top-40: 40px;  --padding-top-45: 45px;
	--padding-top-50: 50px; --padding-top-55: 55px;  --padding-top-60: 60px;
	--padding-top-65: 65px; --padding-top-70: 70px;  --padding-top-75: 75px;
	--padding-top-80: 80px; --padding-top-85: 85px;  --padding-top-90: 90px;
	--padding-top-95: 95px; --padding-top-100: 100px;--padding-top-110: 110px;
	--padding-top-120: 120px;--padding-top-125: 125px;--padding-top-130: 130px;
	--padding-top-140: 140px;--padding-top-150: 150px;--padding-top-155: 155px;
	--padding-top-160: 160px;--padding-top-200: 200px;--padding-top-250: 250px;

	--padding-right-5: 5px;  --padding-right-10: 10px; --padding-right-15: 15px;
	--padding-right-20: 20px;--padding-right-25: 25px; --padding-right-30: 30px;
	--padding-right-35: 35px;--padding-right-40: 40px; --padding-right-45: 45px;
	--padding-right-50: 50px;--padding-right-55: 55px; --padding-right-60: 60px;
	--padding-right-65: 65px;--padding-right-70: 70px; --padding-right-75: 75px;
	--padding-right-80: 80px;--padding-right-85: 85px; --padding-right-90: 90px;
	--padding-right-95: 95px;--padding-right-100: 100px;--padding-right-110: 110px;
	--padding-right-120: 120px;--padding-right-150: 150px;--padding-right-160: 160px;
	--padding-right-170: 170px;--padding-right-180: 180px;--padding-right-200: 200px;
	--padding-right-220: 220px;--padding-right-240: 240px;--padding-right-250: 250px;
	--padding-right-260: 260px;

	--padding-bottom-5: 5px;  --padding-bottom-10: 10px; --padding-bottom-15: 15px;
	--padding-bottom-20: 20px;--padding-bottom-25: 25px; --padding-bottom-30: 30px;
	--padding-bottom-35: 35px;--padding-bottom-40: 40px; --padding-bottom-45: 45px;
	--padding-bottom-50: 50px;--padding-bottom-55: 55px; --padding-bottom-60: 60px;
	--padding-bottom-65: 65px;--padding-bottom-70: 70px; --padding-bottom-75: 75px;
	--padding-bottom-80: 80px;--padding-bottom-85: 85px; --padding-bottom-90: 90px;
	--padding-bottom-95: 95px;--padding-bottom-100: 100px;--padding-bottom-110: 110px;
	--padding-bottom-120: 120px;--padding-bottom-130: 130px;--padding-bottom-150: 150px;
	--padding-bottom-200: 200px;--padding-bottom-250: 250px;

	/* ── Layout ── */
	--auto-container-width: 1200px;
}