/home/bdqbpbxa/rc-subdomains/waykay-rc.goodface.com.ua/frontend/css/ui-kit/variables.css
:root {
/* primaries */
--white: #fff;
--white-30: rgba(255, 255, 255, 0.30);
--linear-white-30: linear-gradient(180deg, rgba(255, 255, 255, 0.30) 0%, rgba(255, 255, 255, 0.00) 100%);
--accent: #512CCC;
--accent-30: rgba(81, 44, 204, 0.30);
--shark-shark-600: #0A0B0D;
/*Interactions*/
--interactions-buttons-hover: #3C2293;
--interactions-links-on-dark: #764DFF;
--interactions-links-on-dark-hover: #5E3DCC;
--interactions-links-on-white-hover: #9780E0;
/* secondary */
--secondary-cinnabar: #F04D39;
--secondary-sun: #FCB000;
--secondary-broom: #FAEE37;
--secondary-sulu: #BBF06C;
--secondary-jade: #3AA670;
--secondary-anakiwa: #80D8F8;
--secondary-mariner: #0062C6;
--secondary-orchid: #B53FE8;
--secondary-brilliant-rose: #F25596;
/* Shark */
--shark-shark-25: #F7F9FA;
--shark-shark-50: #EFF2F4;
--shark-shark-100: #E4E7E9;
--shark-shark-125: #DADDDE;
--shark-shark-150: #CFD2D3;
--shark-shark-175: #C3C6C7;
--shark-shark-200: #B8BBBC;
--shark-shark-225: #ADB0B1;
--shark-shark-250: #A3A5A6;
--shark-shark-275: #989A9B;
--shark-shark-300: #8C8F90;
--shark-shark-325: #818285;
--shark-shark-350: #76767A;
--shark-shark-375: #6A6B6F;
--shark-shark-400: #5F5F64;
--shark-shark-425: #535459;
--shark-shark-450: #48494D;
--shark-shark-475: #3C3D42;
--shark-shark-500: #313237;
--shark-shark-525: #25262C;
--shark-shark-550: #1A1B21;
--shark-shark-600: #0A0B0D;
/* Shark Gradients */
--shark-gradients-300: linear-gradient(180deg, #8C8F90 0%, rgba(140, 143, 144, 0.00) 100%);
--shark-gradients-325: linear-gradient(180deg, #818285 0%, rgba(129, 130, 133, 0.00) 100%);
--shark-gradients-350: linear-gradient(180deg, #76767A 0%, rgba(118, 118, 122, 0.00) 100%);
--shark-gradients-375: linear-gradient(180deg, #6A6B6F 0%, rgba(106, 107, 111, 0.00) 100%);
--shark-gradients-400: linear-gradient(180deg, #5F5F64 0%, rgba(95, 95, 100, 0.00) 100%);
--shark-gradients-425: linear-gradient(180deg, #535459 0%, rgba(83, 84, 89, 0.00) 100%);
--shark-gradients-450: linear-gradient(180deg, #48494D 0%, rgba(72, 73, 77, 0.00) 100%);
--shark-gradients-475: linear-gradient(180deg, #3C3D42 0%, rgba(60, 61, 66, 0.00) 100%);
--shark-gradients-500: linear-gradient(180deg, #313237 0%, rgba(49, 50, 55, 0.00) 100%);
--shark-gradients-525: linear-gradient(180deg, #25262C 0%, rgba(37, 38, 44, 0.00) 100%);
--shark-gradients-550: linear-gradient(180deg, #1A1B21 0%, rgba(26, 27, 33, 0.00) 100%);
/* Solids */
--solids-beauty-bush-solid: #FAD0C8;
--solids-cherokee-solid: #FADEB4;
--solids-dolly-solid: #FFFCA8;
--solids-gossip-solid: #E4FAC8;
--solids-padua-solid: #D0F5DA;
--solids-mabel-solid: #DEF3FC;
--solids-perano-solid: #D3DEFB;
--solids-perfume-solid: #DDD1F5;
--solids-french-lilac-solid: #F8E5FE;
/* Margins */
--default-section-margin: min(200px, 13.889vw);
--smaller-section-margin: min(160px, 11.111vw);
}
@media screen and (max-width: 1100px) {
:root {
/* Margins */
--default-section-margin: 80px;
--smaller-section-margin: 80px;
}
}