/*--- Переменные ---*/
:root {
--font-base: "Rubik", sans-serif;
--font-extra: "IBM Plex Sans", serif;
--mso: "Material Symbols Outlined";
--pun-width: 1000px;
--pun-padding: 10px;
--header-width: 1060px;
--header-height: 214px;
--profile-width: 220px;
--body-img: url(https://forumstatic.ru/files/001b/6f/ae/31978.jpg);
--header-img: url(https://forumstatic.ru/files/001b/6f/ae/46063.png);
--profile-img: url(https://forumstatic.ru/files/001b/6f/ae/81528.jpg);
--category-img: url(https://forumstatic.ru/files/001b/6f/ae/75011.jpg);
--body-color: #695B79;
--pun-color: #d8cfdc;
--pun-container-color: #dfd7e1;
--pun-box-color: #ddd5e1;
--text-color: #595360;
--text-color--pale: rgba(105, 91, 121, .7);
--border-color1: #695B79;
--border-color2: rgba(105, 91, 121, .17);
--shadow-color: rgba(105, 91, 121, .1);
--link-color: #8287aa;
--button-color: #50465d;
--button-text-color: #c9c3cf;
--hover-color: #b7bbd6;
--hover-text-color: #282b39;
--extra-color1: #EDE4F6;
--extra-color2: #b8bde2;
--extra-color3: #cec3e1;
--extra-color4: #caafd6;
--avatar-color: #caafd6;
--select-color: #c3b9c7;
--select-text-color: #5b525e;
--profile-img--dark: url(https://forumstatic.ru/files/001b/6f/ae/71875.jpg);
--category-img--dark: url(https://forumstatic.ru/files/001b/6f/ae/18013.jpg);
--body-color--dark: #695B79;
--pun-color--dark: #1e1e1f;
--pun-container-color--dark: #28272a;
--pun-box-color--dark: #312f33;
--text-color--dark: #b3b0b5;
--text-color--bold--dark: #bfbcc1;
--text-color--pale--dark: rgba(174, 166, 184, .6);
--border-color1--dark: #636164;
--border-color2--dark: rgba(99, 97, 100, .3);
--shadow--dark: rgba(99, 97, 100, .4);
--link-color--dark: #8e93ae;
--button-color--dark: #51475d;
--button-text-color--dark: #c8c2cf;
--hover-color--dark: #9ca1c3;
--hover-text-color--dark: #282b39;
--extra-color1--dark: #EDE4F6;
--extra-color2--dark: #B1B5D7;
--avatar-color--dark: #caafd6;
--select-color--dark: #444347;
--select-text-color--dark: #b3b0b5;
}