:root {
	/*
		A partir de 2026 se utilizan colores relativos para minimizar el número de variables 
		que deben ser personalizadas en un tema
	*/

	--main-bg-color: #f6f8fc;
	--main-color: #606060;
	--main-bg-image: url( '../img/main-bg-wt.png' );
	--login-bg-image: url( '../img/main-bg-wt.png' );
	--main-distinctive-color: #ff5900;
	--sec-distinctive-color: hsl( from var(--main-distinctive-color) h s calc(l + 10));
	--main-bright-color: #ffffff;
	--link-color: #337ab7;
	--link-color_hover: hsl( from var(--link-color) h 100 calc(l + 10));
	--main-hr-color: hsl( from var(--main-bg-color) h s calc(l - 10));
	--login-header-bg: var(--main-distinctive-color);
	--main-header-color: var(--main-bright-color);
	
	--main-header-logo-bg: var(--main-distinctive-color);
	--main-header-info-bg: var(--main-distinctive-color);
	--main-header-info-border: hsl( from var(--main-bg-color) h s max(calc(l - 10), 60) );
	--main-header-corner-bg: var(--main-distinctive-color);
	--main-logout-color: hsl( from var(--main-distinctive-color) h s calc(l - 15));
	--main-logout-bg_hover: hsl( from var(--main-distinctive-color) h s calc(l - 10));
	--main-logout-color_hover: var(--main-bright-color);
	--main-header-dev-bg: #44f5c4;
	--main-dev-logout-color: #2da181;
	--main-dev-logout-bg_hover: #2da181;
	--main-dev-logout-color_hover: #ffffff;
	
	--subheader-border-left: hsl( from var(--main-bg-color) h s max(calc(l - 10), 60) );
	--collapsed-subheader-border-left-color: var(--subheader-border-left);
	
	--info-form-control-bg: #e6e6ec;
	--info-form-control-color: #404040;
	--info-form-control-arrow-img: url( '../img/arrow-dark.png' );
	--info-form-control-color-ph: hsl( from var(--info-form-control-color) h s calc(l + 20));
	--info-form-control-border: hsl( from var(--info-form-control-bg) h s calc(l - 10));
	--info-form-control-bg_focus: hsl( from var(--info-form-control-bg) h s calc(l + 10));
	--info-form-control-border_focus: hsl( from var(--info-form-control-bg) h calc(s + 30) calc(l - 20));
	--info-form-control-shadow_focus: 0 0 9px hsl( from var(--info-form-control-bg) h calc(s + 30) calc(l - 20) / .6);
	--info-form-control-color-ph_focus: hsl( from var(--info-form-control-color) h s calc(l + 40));
	--info-form-control-btn: hsl( from var(--info-form-control-bg) h s calc(l - 20));
	--info-form-control-btn_hover: hsl( from var(--main-distinctive-color) h s calc(l - 15));
	--info-form-control-filter: brightness(100%);
	--info-form-control-filter_checked: brightness(100%);
	--info-form-badge-bg: hsl( from var(--info-form-control-bg) h s calc(l - 50));
	--info-form-badge-color: var(--main-bright-color);
	--info-form-dev-control-accent_checked: #0d634b;
	--info-form-custom-icon-color_hover: var(--main-distinctive-color);
	--info-form-custom-bg: hsl( from var(--info-form-control-bg) h s calc(l + 5));
	--info-form-custom-badge-bg: var(--info-form-badge-bg);

	/*** @media min-width 1551px ***/
	--large--info-form-control-bg: #fad4bd; /* f6b38c */
	--large--info-form-control-color: #404040;
	--large--info-form-control-color-ph: hsl( from var(--large--info-form-control-color) h s calc(l + 15));
	--large--info-form-control-border: hsl( from var(--large--info-form-control-bg) h s calc(l - 30));
	--large--info-form-control-bg_focus: hsl( from var(--large--info-form-control-bg) h s calc(l + 20));
	--large--info-form-control-border_focus: hsl( from var(--large--info-form-control-bg) h calc(s + 30) calc(l - 30));
	--large--info-form-control-color-ph_focus: hsl( from var(--large--info-form-control-color) h s calc(l + 20));
	--large--info-form-control-btn: hsl( from var(--main-distinctive-color) h s calc(l - 15));
	--large--info-form-control-btn_hover: var(--main-bright-color);
	--large--info-form-control-filter: brightness(90%);
	--large--info-form-control-filter_checked: brightness(100%);
	--large--info-form-badge-bg: hsl( from var(--large--info-form-control-bg) h s calc(l - 50));
	--large--info-form-badge-color: var(--main-bright-color);
	--large--info-form-custom-icon-color_hover: var(--large--info-form-control-btn);
	--large--info-form-custom-bg: hsl( from var(--large--info-form-control-bg) h s calc(l + 5));
	--large--info-form-custom-badge-bg: var(--large--info-form-badge-bg);
	
	--main-menu-link-color: #6c6d70;
	--main-menu-title-color: var(--main-menu-link-color);
	--main-menu-label-border: hsl( from var(--main-bg-color) h s calc(l - 10) );
	--main-menu-container-border: var(--subheader-border-left);
	--main-menu-link-bg_hover: hsl( from var(--subheader-border-left) h s l / .5 );
	--main-menu-link-border: var(--subheader-border-left);
	--main-menu-link-border_hover: hsl( from var(--subheader-border-left) h s calc(l - 5) );
	--main-menu-link-bg_active: hsl( from var(--main-distinctive-color) h calc(s - 20) calc(l + 20) / .25 );
	--main-menu-link-color_active: hsl( from var(--main-distinctive-color) h s max( calc(l - 40), 10 ) );
	--main-menu-badge-bg: hsl( from var(--subheader-border-left) h s calc(l - 15) / .75 );
	--main-menu-badge-bg_active: hsl( from var(--main-distinctive-color) h s l / .5 );
	--main-menu-badge-color: #4c4d50;
	--main-menu-icon-color: var(--main-menu-link-color);
	--main-menu-icon-color_active: var(--main-menu-link-color_active);
	--main-menu-icon-color_hover: hsl( from var(--main-menu-icon-color) h s calc(l - 15) );
	--main-menu-info-color: var(--subheader-border-left);
	--collapsed-main-menu-link-bg_hover: var(--main-menu-link-bg_active);
	--collapsed-main-menu-container-bg: var(--subheader-border-left);
	--main-menu-dev-link-border_active: #0d634b;

	--list-container-bg: #fcfdfe;
	--list-container-panel-bg: transparent;
	--list-item-heading-bg: #e3e3e3;
	--list-item-details-bg: #f4f4f4;
	
	--list-item-heading-bg_hover: hsl( from var(--list-item-heading-bg) h s calc(l - 10) );
	--list-container-scroll-bg: var(--list-item-heading-bg);
	--list-container-scrollthumb-bg: hsl( from var(--list-item-heading-bg) h s calc(l - 20) );
	--list-container-scrollthumb-bg_hover: var(--main-distinctive-color);
	--list-container-empty-bg-image: url( '../img/box.png' );
	--list-scrolltop-bg: var(--main-distinctive-color);
	--list-scrolltop-color: var(--main-bright-color);
	--list-scrolltop-color_hover: var(--main-bright-color);
	--list-bottom-display: none;
	--list-bottom-bg: none;
	--list-bottom-bg-gradient: none;
	--list-item-bg: hsl( from var(--list-item-heading-bg) h s min(calc(l + 10), 98) );
	--list-item-position-bg: hsl( from var(--list-item-heading-bg) h s calc(l - 20) / .5 );
	--list-item-position-color: var(--main-color);
	--list-item-position-bg_hover: hsl( from var(--list-item-heading-bg) h s calc(l + 10) / .5 );
	--list-item-position-color_hover: var(--list-item-position-color);
	--list-item-position-new-tag-bg: #5bff22;
	--list-item-position-new-tag-color: #202020;
	--list-item-position-updated-tag-bg: #22ceff;
	--list-item-position-updated-tag-color: #202020;
	--list-item-heading-border_hover: var(--list-item-heading-bg);
	--list-item-heading-link-color: hsl( from var(--list-item-heading-bg_hover) h s calc(l - 40) );
	--list-item-heading-link-disable: hsl( from var(--list-item-heading-link-color) h s l / .25 );
	--list-item-heading-link-hightlight-bg_hover: hsl( from var(--main-bright-color) h s l / .75 );
	--list-item-heading-link-chat-disable: var(--list-item-heading-link-disable);
	--list-item-heading-link-chat-bg: hsl( from var(--main-distinctive-color) h s l / .2 );
	--list-item-report-event-color: #7a7a7a;
	--list-item-report-event-bg: #e7fba9;

	--list-item-heading-removed-bg: #fdbf48;
	--list-item-heading-removed-bg_hover: hsl( from var(--list-item-heading-removed-bg) h s calc(l - 10) );
	--list-item-heading-material-ready-bg: #efdacd;
	--list-item-heading-material-ready-bg_hover: hsl( from var(--list-item-heading-material-ready-bg) h s calc(l - 10) );
	--list-item-heading-material-ready-shinning-bg: #f2c96e;
	--list-item-heading-material-ready-shinning-mode: normal;
	--list-item-heading-material-change-bg: #ebee36;
	--list-item-heading-material-change-bg_hover: hsl( from var(--list-item-heading-material-change-bg) h s calc(l - 10) );
	--list-item-heading-material-approved-bg: #bdeb7b;
	--list-item-heading-material-approved-bg_hover: hsl( from var(--list-item-heading-material-approved-bg) h s calc(l - 10) );
	--list-item-heading-material-digital-bg: #bef6fb;
	--list-item-heading-material-digital-bg_hover: hsl( from var(--list-item-heading-material-digital-bg) h s calc(l - 10) );
	--list-item-heading-material-final-bg: #bef6ef;
	--list-item-heading-material-final-bg_hover: hsl( from var(--list-item-heading-material-final-bg) h s calc(l - 10) );
	--list-item-heading-material-final-shinning-bg: #bedbfb;
	--list-item-heading-material-final-shinning-mode: normal;

	--list-item-details-infoblock-bg: hsl( from var(--list-item-details-bg) h s calc(l - 5) );
	--list-item-details-infoblock-border: var(--list-item-details-infoblock-bg);
	--list-item-details-infoblock-bg_hover: hsl( from var(--list-item-details-bg) h s calc(l + 5) );
	--list-item-details-infoblock-border_hover: hsl( from var(--main-distinctive-color) h s calc(l + 10) );
	--list-item-details-bigblock-bg: hsl( from var(--main-bg-color) h s calc(l - 10) );
	--list-item-details-bigblock-color: hsl( from var(--main-color) h s calc(l - 15) );
	--list-item-details-changeblock-bg: hsl( from var(--list-item-heading-material-change-bg) h s calc(l + 25) );
	--list-item-details-changeblock-color: hsl( from var(--main-color) h s calc(l - 15) );
	--list-item-details-changeblock-color_hover: var(--list-item-details-changeblock-color);
	--list-item-details-copy-color: hsl( from var(--list-item-details-infoblock-bg) h s calc(l - 15) / .6 );
	--list-item-details-copy-color_hover: hsl( from var(--main-distinctive-color) h s calc(l + 15) / .9 );
	--list-item-details-copy-active-color: hsl( from var(--list-item-details-infoblock-bg) h s calc(l - 60) / .8 );
	--list-item-details-img-bg: hsl( from var(--list-item-details-infoblock-bg) h s calc(l - 10) / .75 );
	--list-item-details-img-bg_hover: hsl( from var(--list-item-details-infoblock-bg) h s calc(l - 5) / .5 );
	--list-item-details-img-color: var(--main-color);
	--list-item-details-img-border: var(--list-item-details-infoblock-bg_hover);
	--list-item-details-img-filter: brightness(95%);
	--list-item-details-img-download-color: var(--main-color);
	--list-item-details-img-download-bg: hsl( from var(--list-item-details-infoblock-bg) h s calc(l - 5) );
	--list-item-details-img-download-border: hsl( from var(--list-item-details-infoblock-bg) h s calc(l - 15) );
	--list-item-details-img-download-bg_hover: var(--list-item-details-infoblock-bg_hover);
	--list-item-details-img-download-color_hover: hsl( from var(--main-distinctive-color) h calc(s + 20) calc(l - 10) );
	
	--priority-base-bg: #96ff00;
	--priority-one-bg: #e9ff00;
	--priority-two-bg: #fdc700;
	--priority-three-bg: #f59015;
	--priority-four-bg: #fa3700;
	--priority-five-bg: #b30101;
	--priority-border-color: hsl( from var(--main-color) h s calc(l - 10) / .35 );

	--main-form-control-bg: #efefef;
	--main-form-control-color: #606060;
	--main-form-control-border-color: hsl( from var(--main-form-control-bg) h s calc(l - 10) );
	--main-form-control-ph: hsl( from var(--main-form-control-color) h s calc(l + 20) );
	--main-form-control-bg_focus: hsl( from var(--main-form-control-bg) h s min(calc(l + 10), 98) );
	--main-form-control-color_focus: var(--main-form-control-color);
	--main-form-control-shadow_focus: 0 0 9px hsl( from var(--main-distinctive-color) calc(h + 180) calc(s + 20) calc(l + 20) / .4);
	--main-form-control-border-color_focus: hsl( from var(--main-distinctive-color) calc(h + 180) calc(s + 20) calc(l - 10) / .4 );
	--main-form-control-ph_focus: hsl( from var(--main-form-control-color) h s calc(l + 30) );
	
	--btn-orange-color: var(--main-distinctive-color);
	--btn-orange-bg: var(--main-bright-color);
	--btn-orange-border: var(--btn-orange-color);
	--btn-orange-color_hover: var(--btn-orange-bg);
	--btn-orange-bg_hover: var(--btn-orange-color);
	--btn-orange-border_hover: hsl( from var(--btn-orange-color) h s calc(l - 10) );
	--btn-dev-control-icon-color: #2da181;

	--dialog-container-image: url( '../img/question-200-wt.png' );
	--dialog-box-bg: var(--main-bright-color);
	--dialog-box-shadow: 5px 10px 30px rgba(0, 0, 0, 0.35);
	--dialog-btn-shadow_hover: 1px 2px 5px rgba(0, 0, 0, 0.2);
	--dialog-cancel-btn-color: hsl( from var(--main-distinctive-color) h s calc(l - 15) );
	--dialog-accept-btn-bg: var(--main-distinctive-color);
	--dialog-accept-btn-color: var(--main-bright-color);
	--dialog-float-container-bg: rgba(255,255,255,0.8);

	--edit-form-required-color: Red;
	--edit-form-accent-color: #0d4fe7;
	--panel-tab-container-bg: var(--list-container-bg);
	--panel-tab-color: hsl( from var(--list-container-bg) h calc(s - 15) calc(l - 15) );
	--panel-tab-border-color: hsl( from var(--list-container-bg) h s calc(l - 5) );
	--panel-tab-color_hover: var(--main-color);
	--panel-tab-close-color_hover: var(--main-distinctive-color);
	--subheader-bg: hsl( from var(--list-container-bg) h calc(s - 10) calc(l - 8) );
	--subheader-border-bottom: hsl( from var(--subheader-bg) h s calc(l - 10) );
	--edit-form-header-bg: hsl( from var(--list-container-bg) h calc(s - 10) calc(l - 5) );
	--edit-form-subtitle-bg: var(--edit-form-header-bg);
	
	--odt-general-bg: hsl( from var(--main-bright-color) h s calc(l - 10) );
	--odt-text-color: var(--main-bright-color);
	--odt-text-border_focus: 1px solid hsl( from var(--main-bright-color) h s l / .5 );
	--odt-text-shadow_focus: 0 0 8px rgba(200, 200, 200, 0.6);
	--odt-btn-text-color: var(--main-bright-color);
	--odt-btn-text-color_hover: var(--main-bright-color);
	--odt-btn-shadow_hover: 1px 2px 6px rgba(0, 0, 0, 0.35);
	--odt-dgyv-bg: #90278c;
	--odt-dgyv-bg_hover: hsl( from var(--odt-dgyv-bg) h s calc(l + 12) );
	--odt-dgyv-control-bg: hsl( from var(--odt-dgyv-bg) h calc(s - 15) calc(l + 12) );
	--odt-dgyv-color: var(--odt-dgyv-bg);
	--odt-dgyv-tag-color: hsl( from var(--main-bright-color) h s l / .4 );
	--odt-rc-bg: #cb11c4;
	--odt-rc-bg_hover: hsl( from var(--odt-rc-bg) h s calc(l + 12) );
	--odt-rc-color: var(--odt-rc-bg_hover);
	--odt-rc-tag-color: hsl( from var(--main-bright-color) h s l / .4 );
	--odt-cfi-bg: #ea1e79;
	--odt-cfi-bg_hover: hsl( from var(--odt-cfi-bg) h s calc(l + 12) );
	--odt-cfi-control-bg: hsl( from var(--odt-cfi-bg) h calc(s - 15) calc(l + 12) );
	--odt-cfi-color: var(--odt-cfi-bg);
	--odt-cfi-tag-color: hsl( from var(--main-bright-color) h s l / .4 );
	--odt-digital-bg: #0071b9;
	--odt-digital-bg_hover: hsl( from var(--odt-digital-bg) h s calc(l + 12) );
	--odt-digital-control-bg: hsl( from var(--odt-digital-bg) h calc(s - 15) calc(l + 12) );
	--odt-digital-color: var(--odt-digital-bg);
	--odt-digital-tag-color: hsl( from var(--main-bright-color) h s l / .4 );
	--odt-pym-bg: #de972c;
	--odt-pym-bg_hover: hsl( from var(--odt-pym-bg) h s calc(l + 12) );
	--odt-pym-control-bg: hsl( from var(--odt-pym-bg) h calc(s - 15) calc(l + 12) );
	--odt-pym-color: var(--odt-pym-bg);
	--odt-pym-tag-color: hsl( from var(--main-bright-color) h s l / .4 );
	--general-devtag-color: #ffffff;
	--general-devtag-bg: #00adf5;

	--admin-devtag-bg: #2cc18a;
	--undefined-devtag-color: #ff0000;
	--undefined-devtag-bg: #fff708;
	
	--chat-container-shadow: 1px 1px 12px rgba(0, 0, 0, 0.2);
	--chat-body-bg: hsl( from var(--main-bright-color) h s calc(l - 10) );
	--chat-list-refresh-color: hsl( from var(--main-color) h s calc(l - 20) );
	--chat-list-refresh-color_hover: var(--main-distinctive-color);
	--chat-list-bg: var(--main-bright-color);
	--chat-list-shadow: 1px 2px 8px rgba(0, 0, 0, 0.2);
	--chat-list-item-border: hsl( from var(--main-bright-color) h s calc(l - 10) );
	--chat-list-item-bg_hover: hsl( from var(--main-bright-color) h s calc(l - 5) );
	--chat-list-item-sample-color: var(--main-color);
	--chat-list-item-date-color: hsl( from var(--main-color) h s calc(l + 10) );
	--chat-list-user-tag-bg: #c2ffc2;
	--chat-list-user-tag-color: hsl( from var(--chat-list-user-tag-bg) h calc(s - 15) calc(l - 25) );
	--chat-list-tag-color_hover: var(--main-bright-color);
	--chat-list-mark-color: var(--main-bright-color);
	--chat-list-mark-bg: var(--chat-list-refresh-color);

	--chat-messages-bg: #e5ddd5;
	--chat-header-bg: hsl( from var(--chat-messages-bg) h calc(s - 15) calc(l + 3) );
	--chat-locator-color_hover: var(--main-distinctive-color);
	--chat-info-message-bg: hsl( from var(--chat-messages-bg) h calc(s - 15) calc(l - 15) );
	--chat-info-message-color: var(--main-bright-color);
	--chat-messages-bg-image: url( '../img/chat-wt2.png' );
	--chat-input-bg: var(--chat-header-bg);
	--chat-footer-bg: var(--chat-messages-bg);
	--chat-icons-color: hsl( from var(--main-color) h s l / .6 );
	--chat-icons-color_hover: var(--main-distinctive-color);
	--chat-text-message-bg: hsl( from var(--chat-input-bg) h s max(calc(l + 10), 95) );
	--chat-text-message-color: var(--main-color);
	--chat-private-color: hsl( from var(--main-color) h s l / .5 );
	--chat-private-active-color: #ff5000;
	--chat-private-active-color_hover: hsl( from var(--chat-private-active-color) h s calc(l + 10) );
	--chat-closebtn-color: var(--main-bright-color);
	--chat-closebtn-color_hover: var(--main-distinctive-color);
	--chat-closebtn-dark-color: hsl( from var(--main-color) h s calc(l - 15) );
	--chat-closebtn-dark-color_hover: var(--main-distinctive-color);
	--chat-files-container-bg: hsl( from var(--chat-messages-bg) h calc(s - 15) calc(l + 10) / .95 );
	--chat-admin-container-bg: hsl( from var(--chat-messages-bg) h calc(s - 15) calc(l + 10) / .8 );
	--chat-admin-dialog-bg: var(--list-container-bg);
	--chat-admin-scroll-bg: hsl( from var(--chat-messages-bg) h calc(s - 15) calc(l - 10) );
	--chat-admin-scroll-thumb-bg: hsl( from var(--main-distinctive-color) h s calc(l - 5) );
	--chat-admin-scroll-thumb-bg_hover: hsl( from var(--chat-admin-scroll-thumb-bg) h calc(s + 10) calc(l + 10) );
	--chat-paste-container-bg: rgba(0,0,0,0.85);
	--chat-date-container-bg: #e1f3fb;
	--chat-bottom-bg: var(--list-container-bg);
	--chat-bottom-color: hsl( from var(--list-container-bg) h s calc(l - 15) );
	--chat-bottom-color_hover: var(--main-distinctive-color);
	--chat-bottom-shadow: 1px 2px 5px rgba(0, 0, 0, 0.2);
	--chat-area-scroll-bg: var(--chat-admin-scroll-bg);
	--chat-area-scroll-thumb-bg: var(--chat-admin-scroll-thumb-bg);
	--chat-area-scroll-thumb-bg_hover: var(--chat-admin-scroll-thumb-bg_hover);
	--chat-area-reference-bg: var(--chat-date-container-bg);
	--chat-area-reference-color: var(--main-color);
	--chat-delete-container-bg: var(--chat-admin-container-bg);
	--chat-delete-dialog-bg: var(--list-container-bg);
	--chat-delete-dialog-shadow: 5px 10px 30px rgba(0, 0, 0, 0.35);
	--chat-delete-btn-shadow_hover: 1px 2px 5px rgba(0, 0, 0, 0.2);
	--chat-delete-yes-btn-bg: #06d253;
	--chat-delete-no-btn-color: hsl( from var(--chat-delete-yes-btn-bg) h s calc(l - 5) );
	--chat-delete-yes-btn-color: var(--main-bright-color);
	
	--emoji-picker-bg: var(--chat-header-bg);
	--emoji-selectables-bg: var(--chat-text-message-bg);
	--emoji-selectables-image-filter: grayscale(100%);
	--emoji-content-image-bg_hover: var(--chat-text-message-bg);
	--emoji-content-scroll-bg: var(--chat-admin-scroll-bg);
	--emoji-content-scroll-thumb-bg: var(--chat-admin-scroll-thumb-bg);
	--emoji-content-scroll-thumb-bg_hover: var(--chat-admin-scroll-thumb-bg_hover);

	--chat-item-me-message-bg: #dcf8c6;
	--chat-item-private-message-bg: #101010;
	--chat-item-message-bg: hsl( from var(--chat-item-me-message-bg) h calc(s - 15) 99 );
	--chat-item-me-private-message-bg: hsl( from var(--chat-item-me-message-bg) h calc(s - 25) max(calc(l - 65), 10) );
	--chat-item-message-border-color: hsl( from var(--chat-messages-bg) h s calc(l - 10) );
	--chat-item-text-message-color: #606060;
	--chat-item-text-me-message-color: var(--chat-item-text-message-color);
	--chat-item-private-text-message-color: #e1e1e1;
	--chat-item-label-clear-bg: var(--chat-item-message-bg);
	--chat-item-label-clear-border: var(--chat-item-message-border-color);
	--chat-item-file-container-bg: rgba(0,0,0,0.1);
	--chat-item-text-reference-bg: hsl( from var(--chat-item-message-bg) h s l / .8 );
	--chat-item-text-reference-color: hsl( from var(--chat-item-text-message-color) h s calc(l - 10) );
	--chat-item-text-reference-private-bg: hsl( from var(--chat-item-message-bg) h s l / .25 );
	--chat-item-private-text-reference-bg: hsl( from var(--chat-item-private-message-bg) h s l / .9 );
	--chat-item-private-text-reference-private-bg: hsl( from var(--chat-item-private-message-bg) h s l / .7 );
	--chat-item-private-name-reference-color: hsl( from var(--main-color) h s 20 );
	--chat-item-other-private-reference-bg: hsl( from var(--chat-item-private-message-bg) h s l / .8 );
	--chat-item-other-reference-private-bg: hsl( from var(--chat-item-message-bg) h s l / .75 );
	--chat-item-other-private-reference-private-bg: hsl( from var(--chat-item-message-bg) h s l / .15 );
	--chat-item-date-bg: hsl( from var(--chat-item-message-bg) h s l / .9 );
	--chat-item-me-date-bg: hsl( from var(--chat-item-me-message-bg) h s l / .9 );
	--chat-item-date-color: hsl( from var(--chat-item-text-message-color) h s calc(l + 20) );
	--chat-item-private-time-bg: hsl( from var(--chat-item-private-message-bg) h s l / .9 );
	--chat-item-me-private-time-bg: hsl( from var(--chat-item-me-private-message-bg) h s l / .9 );
	--chat-item-private-time-color: hsl( from var(--chat-item-private-text-message-color) h s calc(l - 20) );
	--chat-item-options-bg: hsl( from var(--chat-messages-bg) h calc(s - 15) calc(l - 8) );
	--chat-item-options-color: var(--chat-item-message-bg);
	--chat-item-options-bg_hover: var(--chat-item-message-bg);
	--chat-item-options-color_hover: var(--main-distinctive-color);
	
	--preview-main-color: var(--main-color);
	--preview-main-bg: hsl( from var(--list-container-bg) h calc(s - 35) calc(l - 8) );
	--preview-light-color: hsl( from var(--main-color) h s calc(l + 10) );
	--preview-light-bg: var(--preview-main-bg);
	--preview-loading-color: var(--main-color);
	--preview-loading-bg: var(--preview-main-bg);
	--preview-row-bg: var(--list-container-bg);
	--preview-row-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
	--preview-h1-color: var(--main-color);
	--preview-link-color: var(--main-distinctive-color);
	--preview-info-color: hsl( from var(--main-color) h s calc(l - 10) );
	--preview-info-bg: hsl( from var(--list-container-bg) h calc(s - 35) calc(l - 15) / .8 );
	--preview-download-color: var(--link-color);
	--preview-download-color_hover: var(--link-color_hover);
	--preview-img-shadow: 5px 8px 30px rgba(0, 0, 0, 0.5);

	--changelog-img-shadow: 2px 2px 5px rgba(0, 0, 0, 0.16);

	/*** @media min-width 1099px ***/
	--1099--list-scrolltop-color: hsl( from var(--main-color) h s calc(l - 30) );
	--1099--list-scrolltop-color_hover: var(--main-bright-color);

	/*** variables estáticas y/o sin utilizar ***/
	
	--login-webgl-bg-image: url( '../img/3dlogin-bg-wt.jpg' );
	--login-webgl-bg: #edf0f7;
	--login-webgl-circle-bg: #cbd0da;
	--login-webgl-loader-color: #fdfdfd;
	--login-webgl-loader-bg: #161616;
	--login-webgl-border-grad: linear-gradient(180deg, rgba(237,240,247,0.0) 0%, rgba(237,240,247,1.0) 100%);
	--login-container-bg: rgba(215,220,231,0.6);
	--login-container-border: 1px solid #ffffff;
	--login-container-shadow: 10px 10px 25px #00000014, -10px -10px 25px #00000014;
	--login-form-control-bg: rgba(239, 239, 239, 0.8);
	--login-controlmessage-bg: rgba(231,238,250,0.7);
	--login-controlmessage-icon-color: #9198a3;

}