/* Unlinkify Night skin — Porto derives buttons/links/nav/plans from these vars.
   Structure mirrors css/skins/default.css; every var it defines stays defined. */
/* General */
:root {
	--border-radius: .5rem;
	--border-radius2x: 1rem;
	--default: #8A94AD;
}
/* Skin Colors */
:root {
	--primary: #7C5CFF;
	--primary-100: #6847F0;
	--primary-200: #5A3BD8;
	--primary-300: #4C30C0;
	--primary--100: #9177FF;
	--primary--200: #A78FFF;
	--primary--300: #BDA8FF;
	--primary-rgba-0: rgba(124, 92, 255, 0);
	--primary-rgba-10: rgba(124, 92, 255, 0.1);
	--primary-rgba-20: rgba(124, 92, 255, 0.2);
	--primary-rgba-30: rgba(124, 92, 255, 0.3);
	--primary-rgba-40: rgba(124, 92, 255, 0.4);
	--primary-rgba-50: rgba(124, 92, 255, 0.5);
	--primary-rgba-60: rgba(124, 92, 255, 0.6);
	--primary-rgba-70: rgba(124, 92, 255, 0.7);
	--primary-rgba-80: rgba(124, 92, 255, 0.8);
	--primary-rgba-90: rgba(124, 92, 255, 0.9);
	--secondary: #22D3EE;
	--secondary-100: #10BEDA;
	--secondary-200: #0EAAC4;
	--secondary-300: #0C96AD;
	--secondary--100: #4FDCF2;
	--secondary--200: #6FE2F4;
	--secondary--300: #8FE9F7;
	--secondary-rgba-0: rgba(34, 211, 238, 0);
	--secondary-rgba-10: rgba(34, 211, 238, 0.1);
	--secondary-rgba-20: rgba(34, 211, 238, 0.2);
	--secondary-rgba-30: rgba(34, 211, 238, 0.3);
	--secondary-rgba-40: rgba(34, 211, 238, 0.4);
	--secondary-rgba-50: rgba(34, 211, 238, 0.5);
	--secondary-rgba-60: rgba(34, 211, 238, 0.6);
	--secondary-rgba-70: rgba(34, 211, 238, 0.7);
	--secondary-rgba-80: rgba(34, 211, 238, 0.8);
	--secondary-rgba-90: rgba(34, 211, 238, 0.9);
	--tertiary: #2DD4A7;
	--tertiary-100: #26BD94;
	--tertiary-200: #21A883;
	--tertiary-300: #1C9372;
	--tertiary--100: #4FDDB6;
	--tertiary--200: #6BE2C2;
	--tertiary--300: #87E8CE;
	--tertiary-rgba-0: rgba(45, 212, 167, 0);
	--tertiary-rgba-10: rgba(45, 212, 167, 0.1);
	--tertiary-rgba-20: rgba(45, 212, 167, 0.2);
	--tertiary-rgba-30: rgba(45, 212, 167, 0.3);
	--tertiary-rgba-40: rgba(45, 212, 167, 0.4);
	--tertiary-rgba-50: rgba(45, 212, 167, 0.5);
	--tertiary-rgba-60: rgba(45, 212, 167, 0.6);
	--tertiary-rgba-70: rgba(45, 212, 167, 0.7);
	--tertiary-rgba-80: rgba(45, 212, 167, 0.8);
	--tertiary-rgba-90: rgba(45, 212, 167, 0.9);
	--quaternary: #1A2136;
	--quaternary-100: #151B2C;
	--quaternary-200: #111625;
	--quaternary-300: #0E121E;
	--quaternary--100: #222B45;
	--quaternary--200: #2A3454;
	--quaternary--300: #323E63;
	--quaternary-rgba-0: rgba(26, 33, 54, 0);
	--quaternary-rgba-10: rgba(26, 33, 54, 0.1);
	--quaternary-rgba-20: rgba(26, 33, 54, 0.2);
	--quaternary-rgba-30: rgba(26, 33, 54, 0.3);
	--quaternary-rgba-40: rgba(26, 33, 54, 0.4);
	--quaternary-rgba-50: rgba(26, 33, 54, 0.5);
	--quaternary-rgba-60: rgba(26, 33, 54, 0.6);
	--quaternary-rgba-70: rgba(26, 33, 54, 0.7);
	--quaternary-rgba-80: rgba(26, 33, 54, 0.8);
	--quaternary-rgba-90: rgba(26, 33, 54, 0.9);
	--dark: #0B0E17;
	--dark-100: #080A10;
	--dark-200: #05070B;
	--dark-300: #030405;
	--dark--100: #131828;
	--dark--200: #1A2136;
	--dark--300: #222B45;
	--dark-rgba-0: rgba(11, 14, 23, 0);
	--dark-rgba-10: rgba(11, 14, 23, 0.1);
	--dark-rgba-20: rgba(11, 14, 23, 0.2);
	--dark-rgba-30: rgba(11, 14, 23, 0.3);
	--dark-rgba-40: rgba(11, 14, 23, 0.4);
	--dark-rgba-50: rgba(11, 14, 23, 0.5);
	--dark-rgba-60: rgba(11, 14, 23, 0.6);
	--dark-rgba-70: rgba(11, 14, 23, 0.7);
	--dark-rgba-80: rgba(11, 14, 23, 0.8);
	--dark-rgba-90: rgba(11, 14, 23, 0.9);
	--light: #E8ECF4;
	--light-100: #D8DEEB;
	--light-200: #C8D0E2;
	--light-300: #B8C2D9;
	--light--100: #F1F4F9;
	--light--200: #F6F8FB;
	--light--300: #FBFCFD;
	--light-rgba-0: rgba(232, 236, 244, 0);
	--light-rgba-10: rgba(232, 236, 244, 0.1);
	--light-rgba-20: rgba(232, 236, 244, 0.2);
	--light-rgba-30: rgba(232, 236, 244, 0.3);
	--light-rgba-40: rgba(232, 236, 244, 0.4);
	--light-rgba-50: rgba(232, 236, 244, 0.5);
	--light-rgba-60: rgba(232, 236, 244, 0.6);
	--light-rgba-70: rgba(232, 236, 244, 0.7);
	--light-rgba-80: rgba(232, 236, 244, 0.8);
	--light-rgba-90: rgba(232, 236, 244, 0.9);
}
/* Skin Colors - Inverse */
:root {
	--primary-inverse: #FFF;
	--secondary-inverse: #0B0E17;
	--tertiary-inverse: #0B0E17;
	--quaternary-inverse: #E8ECF4;
	--dark-inverse: #E8ECF4;
	--light-inverse: #0B0E17;
}
/* Grey Colors */
:root {
	--grey: #8A94AD;
	--grey-100: #1A2136;
	--grey-200: #222B45;
	--grey-300: #2A3454;
	--grey-400: #323E63;
	--grey-500: #3D4A72;
	--grey-600: #4E5C87;
	--grey-700: #64719A;
	--grey-800: #8A94AD;
	--grey-900: #AEB6C9;
	--grey-1000: #D2D7E3;
}