/* 	HQ palette - https:// ... */

/* gradient backgrounds are described in the \css\parts\common_gradients.css file */

* {
	--text-size: 19px;
	--text-small-size: 16px;
	--text-medium-size: 24px;
	--text-big-size: 28px;
	--text-large-size: 36px;
	--text-extra-large-size: 46px;
	--font-family: 'IBM Plex Sans', sans-serif;
	--font-family-cursive: 'Caveat', cursive;
	--font-family-extralarge: 'Rubik Mono One', sans-serif;

	--basic-border-radius: 8px;

	--text-color-black: #000; /* plain text, headlines  */
	--text-color-white: #fff; /* plain text, headlines  */
	--text-color-yellow: #fff99d; /* banners text */
	--text-color-grey-light: #999;
	--text-color-grey-medium: #7f7f7f;
	--text-color-grey-dark: #666;
	--text-color-error: #af0f23; /* error text */
	--text-color-success: #3b9d6a; /* success text */
	--link-color-blue: #0a7abf; /* blue links */

	/* basic colors: */
	--common-black: #000;
	--common-white: #fff;
	--color-white-half-transparent: rgba(255, 255, 255, 0.5);
	--color-red: #e5314d;
	--color-red-bright: #ff435c;
	--color-red-coral: #f26f71;
	--color-orange: #ff8f32;
	--color-orange-dark: #cc7228;
	--color-orange-bright: #e97118;
	--color-orange-red: #d3482f;
	--color-yellow-linen: #f4f1e5;
	--color-green: #00a60e;
	--color-green-mint: #47b38f;
	--color-turquoise: #47bfcb;
	--color-blue: #2cb9ef;
	--color-blue-dark: #258db3;
	--color-blue-light: #6bc8ed;
	--color-sky-blue: #0986fc;
	--color-sky-blue-dark: #076bca;
	--color-lilac: #b977b1;
	--color-lilac-light: #bfa6ce;
	--color-grey: #f2f2f2;
	--shadow-grey-transp: rgba(26, 23, 20, .35);
	--shadow-grey-light-transp: rgba(26, 23, 20, .2);


	/* basic backgrounds */
	--bg-grey-blue: #e7eef3;
	--bg-grey-cold: #f5f7f9;
	--bg-grey-light: #f7f7f7;
	--bg-grey-black: #171717;
	--bg-grey-blue-dark: #394660;
	--bg-yellow-light: #fffded;
	--bg-green-light: #ecf7f4;
	--bg-blue-light: #f0fafe;


	/* basic borders */
	--borders-grey: #e0e0e0; /* borders, rarely backgrounds and shadows */
	--borders-grey-trasp: rgba(0, 0, 0, .12); /* borders-grey with transparency */
	--borders-grey-input: #ebebeb; /* input's borders, mobile menu, rarely backgrounds */
	--borders-grey-line: #d9d9d9; /* borders top or bottom, rarely text */
	--borders-dark-grey-line: #C1C5B9; /* borders top or bottom, rarely text */
	--borders-grey-line-transp: rgba(0, 0, 0, .15); /* borders-grey-line-transp with transparency */
	--borders-dashed-gray: #ccc; /* dashed borders, solid for menu, homeless-pets and info-pages */
	--borders-dashed-gray-trasp: rgba(0, 0, 0, .2); /* borders-dashed-gray with transparency */
	--borders-grey-yellow: #d5d5ca; /* for yellow bg with stars */
	--borders-white: #fff;
	--borders-link-color-blue: rgba(10, 122, 191, .2);
	--borders-link-color-yellow: rgba(255, 249, 157, 0.4);


	/* buttons: */
	--btn-orange: var(--color-orange);
	--btn-orange-shadow: var(--color-orange-dark);
	--btn-orange-border: #e5802d;
	--btn-blue: var(--color-blue);
	--btn-blue-shadow: var(--color-blue-dark);
	--btn-sky-blue: var(--color-sky-blue);
	--btn-sky-blue-shadow: var(--color-sky-blue-dark);
	--btn-light-blue: #b2e9ff;
	--btn-light-blue-shadow: #8ebacc;
	--btn-white: var(--common-white);
	--btn-white-shadow: var(--borders-dashed-gray);
	--btn-magenta: #fd33c3;
	--btn-magenta-shadow: #ca299c;
	--btn-turquoise: var(--color-turquoise);
	--btn-turquoise-shadow: #3999a2;
	--btn-yellow: #f6d300;
	--btn-yellow-shadow: #c5a900;


	/* single uses colors in specific places: */
	--text-color-slogan: #40c9ff;
	--text-color-dom-tpl-banner: #ffe100;
	--text-color-review: #f26f71;
	--text-color-clients-red: #cc0000;
	--bg-overlay: #45505c;
	--bg-testimonials: #e4e6e7;
	--bg-career-yellow: #d0ac59;
	--bg-career-blue: #7e8ec3;
	--bg-career-red: #f27170;
	--bg-career-plum: #c37698;
	--bg-career-purple: #8c76b4;
	--border-about-purple: #BA77B1;
	--bg-career-green: #96c080;
	--bg-plan-line-corner: #f4f1e6;
	--bg-pink-ssl: #ffb2b9;
	--bg-footer-complaint: #692417;
	--bg-cat-animation: #b9e4ed;
	--bg-main-menu-mobile: #f8f8f8;
	--bg-goto-ukr: #ff6d59;
	--bg-help-tooltip: #299fc9;
	--bg-blue-soft: #e6f7fd;
	--bg-orange-soft: #fff4eb;
	--bg-green-light-ssl: #f2fff9;
	--color-loader-circle: #8cc1c1;
	--palianytsia-yellow: #f8f92f;
	--palianytsia-dark-yellow: #b9b923;
	--palianytsia-light-yellow: rgba(248, 249, 47, 0.1);
	--palianytsia-light-blue: rgba(9, 134, 252, 0.1);
	--color-blue-dark-specific: #2394bf;
	--borders-footer: #272727;
	--borders-ribbon-red: #bd3c47;
	--borders-dashed-ribbon-blue: rgba(35, 148, 191, 0.6);
	--borders-wizard-plate: #42b4bf;
	--borders-reglogin-loader: #3498db;
	--borders-domprices: #fad6db;
	--borders-career-white: rgba(255, 255, 255, 0.2);
	--shadow-loader-box: rgba(0,0,0,.7);
	--gradient-transparent: rgba(255, 255, 255, 0); /* white circle on pages career, charity */
	--bg-raiting-logo: #e1dbb6;
	--text-raiting-logo: #c3bc8f;
	--bg-multi-color-grid: #ecf1f5;
	--bg-header-light-grey: #252525;
	--border-header-grey: #999999;
	--border-domain-result-promo: #D4C1D9; /* DEV-10981 */
    --bg-nav-light: rgba(0, 0, 0, .15);
    --bg-nav-dark: rgba(0, 0, 0, .5);
	--bg-grey-dom-chip: rgba(127, 127, 127, .2);
	--bg-dark-grey-dom-chip: rgba(247, 247, 247, 0.80);
}