:root {
	/* base CONTAINERs and MODAL (foreground blocks) */
	--base-cont-top: var(--colors-steel-950);
	--base-cont-top-opac: rgba(var(--colors-steel-950-rgb), 0.8);
	--base-cont-mid: var(--colors-steel-960);
	--base-cont-mid-opac: rgba(var(--colors-steel-960-rgb), 0.8);
	--base-cont-low: var(--colors-steel-970);
	--base-cont-low-opac: rgba(var(--colors-steel-970-rgb), 0.8);
	/* ~~~~~ */
	--base-cont-trans-mid: var(--colors-steel-trans-960);
	--base-cont-trans-low: var(--colors-steel-trans-970);
	/* ~~~~~ */
	--base-cont-retrans-mid: var(--colors-steel-retrans-960);
	--base-cont-retrans-low: var(--colors-steel-retrans-970);
	/* ~~~~~ */
	--base-cont-mod-top: var(--colors-titan-940);
	--base-cont-mod-top-opac: rgba(var(--colors-titan-940-rgb), 0.8);
	--base-cont-mod-mid: var(--colors-titan-950);
	--base-cont-mod-mid-opac: rgba(var(--colors-titan-950-rgb), 0.8);
	--base-cont-mod-low: var(--colors-titan-960);
	--base-cont-mod-low-opac: rgba(var(--colors-titan-960-rgb), 0.8);
	/* ~~~~~ */
	--base-cont-mod-trans-mid: var(--colors-titan-trans-950);
	--base-cont-mod-trans-low: var(--colors-titan-trans-960);
	/* ~~~~~ */
	--base-cont-mod-retrans-mid: var(--colors-titan-retrans-950);
	--base-cont-mod-retrans-low: var(--colors-titan-retrans-960);
	/* ~~~~~ */
	--base-cont-note-major: var(--colors-amber-desat-920-ultra);
	--base-cont-note-minor: var(--colors-titan-960);
	/* ~~~~~ */
	--base-cont-top-elevated: var(--colors-steel-940);
	--base-cont-mod-top-elevated: var(--colors-titan-930);
	/* ~~~~~ */
	--base-cont-input: var(--base-cont-low);
	--base-cont-input-opac: rgba(var(--colors-steel-970-rgb), 0.8);
	--base-cont-mod-input: var(--base-cont-mod-low);
	--base-cont-mod-input-opac: rgba(var(--colors-titan-960-rgb), 0.8);

	/* base SURFACE (background) */
	--base-surf-top: var(--colors-steel-980);
	--base-surf-low: var(--colors-steel-990);
	/* ~~~~~ */
	--base-surf-sidebar: var(--colors-blue-desat-900);
	/* ~~~~~ */
	--base-surf-archive: var(--base-surf-low);
	--base-surf-setup: var(--base-surf-low);



	/* base HIGHLIGHTS (color overlays) */
	--base-hlt-easy: var(--colors-interblue-trans-50);
	--base-hlt-hover: var(--colors-interblue-trans-100);
	--base-hlt-selected: var(--colors-interblue-trans-200);
	--base-hlt-pressed: var(--colors-interblue-trans-300);
	--base-hlt-active: var(--colors-interblue-trans-400);
	--base-hlt-focus: var(--colors-interblue-trans-500);
	--base-hlt-invert-minor: var(--colors-interblue-700);
	--base-hlt-invert: var(--colors-interblue-750);
	--base-hlt-invert-major: var(--colors-interblue-850);
	/* ~~~~~ */
	--base-hlt-alt-overlap: var(--colors-titan-retrans-950);
	--base-hlt-alt-label:var(--colors-yellow-alpha-100-a40);
	--base-hlt-alt-notice:var(--colors-yellow-alpha-100-a20);
	--base-hlt-alt-fresh:var(--colors-lime-alpha-viv300-a10);
	/* ~~~~~ */
	--base-hlt-notr-focus: var(--colors-interblue-d-500);
	--base-hlt-notr-easy: var(--colors-interblue-d-50);
	--base-hlt-notr-hover: var(--colors-interblue-d-100);
	--base-hlt-notr-selected: var(--colors-interblue-d-200);
	/* ~~~~~ */
	--base-hlt-b-easy: var(--colors-violet-trans-50);
	--base-hlt-b-hover: var(--colors-violet-trans-100);
	--base-hlt-b-selected: var(--colors-violet-trans-200);
	--base-hlt-b-pressed: var(--colors-violet-trans-300);
	--base-hlt-b-active: var(--colors-violet-trans-400);
	--base-hlt-b-focus: var(--colors-violet-trans-500);
	--base-hlt-b-invert: var(--colors-violet-800);
	--base-hlt-b-invert-minor: var(--colors-violet-700);
	--base-hlt-b-invert-major: var(--colors-violet-900);
	--base-hlt-b-notr-easy: var(--colors-violet-d-50);
	--base-hlt-b-notr-hover: var(--colors-violet-d-100);
	--base-hlt-b-notr-selected: var(--colors-violet-d-200);
	--base-hlt-b-notr-focus: var(--colors-violet-d-500);
	/* ~~~~~ */
	--base-hlt-g-easy: var(--colors-graphite-trans-d-50);
	--base-hlt-g-hover: var(--colors-graphite-trans-d-100);
	--base-hlt-g-selected: var(--colors-graphite-trans-d-200);
	--base-hlt-g-pressed: var(--colors-graphite-trans-d-300);
	--base-hlt-g-active: var(--colors-graphite-trans-d-400);
	--base-hlt-g-focus: var(--colors-graphite-trans-d-500);
	--base-hlt-g-invert-minor: var(--colors-graphite-400);
	--base-hlt-g-invert: var(--colors-graphite-200);
	--base-hlt-g-invert-major: var(--colors-graphite-0);
	/* ~~~~~ */
	--base-hlt-g-notr-easy: var(--colors-graphite-d-50);
	--base-hlt-g-notr-hover: var(--colors-graphite-d-100);
	--base-hlt-g-notr-selected: var(--colors-graphite-d-200);
	--base-hlt-g-notr-focus: var(--colors-graphite-d-500);
	/* ~~~~~ */
	--base-hlt-w-easy: var(--colors-red-trans-50);
	--base-hlt-w-hover: var(--colors-red-trans-100);
	--base-hlt-w-selected: var(--colors-red-trans-200);
	--base-hlt-w-pressed: var(--colors-red-trans-300);
	--base-hlt-w-active: var(--colors-red-trans-400);
	--base-hlt-w-focus: var(--colors-red-trans-500);
	--base-hlt-w-invert-minor: var(--colors-red-750);
	--base-hlt-w-invert: var(--colors-red-850);
	--base-hlt-w-invert-major: var(--colors-red-920);
	--base-hlt-w-notr-easy: var(--colors-red-d-50);

	/* base LINE (to get more contrast use base-txt) */
	--base-line-accent: var(--colors-titan-trans-700);
	--base-line-primary: var(--colors-titan-trans-800);
	--base-line-secondary: var(--colors-titan-trans-850);
	--base-line-tertiary: var(--colors-titan-trans-920);
	--base-line-ghost: var(--colors-titan-trans-930);
	/* ~~~~~ */
	--base-line-act-major: var(--colors-interblue-500);
	--base-line-act-minor: var(--colors-interblue-600);
	/* ~~~~~ */
	--base-line-alert:var(--colors-red-600);
	/* ~~~~~ */
	--base-line-alt-cardbrd: var(--colors-titan-trans-930);
	/* ~~~~~ */
	--base-line-alt-gap-major: var(--colors-steel-trans-980);
	--base-line-alt-gap-minor: var(--colors-steel-trans-970);

	/* TEXT base  */
	--base-txt-max: var(--colors-alpha-light-100);
	--base-txt-accent: var(--colors-titan-trans-300);
	--base-txt-primary: var(--colors-titan-trans-500);
	--base-txt-secondary: var(--colors-titan-trans-700);
	--base-txt-tertiary: var(--colors-titan-trans-800);
	--base-txt-muted: var(--colors-titan-trans-850);
	--base-txt-ghost: var(--colors-titan-trans-920);
	/* ~~~~~ */
	--base-txt-link-major: var(--colors-interblue-500);
	--base-txt-link-minor: var(--colors-interblue-600);
	/* ~~~~~ */
	--base-txt-alert-major: var(--colors-red-500);
	--base-txt-alert-minor: var(--colors-red-700);
	/* ~~~~~ */
	--base-txt-alt-info: var(--colors-purple-600);
	--base-txt-alt-fresh: var(--colors-lime-500);
	/* ~~~~~ */
	--base-txt-alt-light: var(--colors-alpha-light-90);
	--base-txt-alt-dark-major: var(--colors-alpha-dark-80);
	--base-txt-alt-dark-minor: var(--colors-alpha-dark-60);
	/* ~~~~~ */
	--base-txt-act-minor: var(--colors-interblue-600);
	--base-txt-act-major: var(--colors-interblue-500);
	/* ~~~~~ */
	--base-txt-btn-a: var(--colors-interblue-500);
	--base-txt-btn-b: var(--colors-violet-500);
	--base-txt-btn-c: var(--colors-pine-800);
	--base-txt-btn-w: var(--colors-red-500);
	--base-txt-btn-w-flat: var(--colors-red-750);
	--base-txt-btn-flip: var(--colors-graphite-trans-990);
	/* ~~~~~ */
	--base-txt-new-minor: var(--colors-pine-700);
	--base-txt-new-major: var(--colors-pine-500);
	/* ~~~~~ */
	--base-txt-notice-minor: var(--colors-amber-600);
	--base-txt-notice-major: var(--colors-amber-500);


	/* base BUTTON  */
	--base-btn-primary-minor: var(--colors-interblue-800);
	--base-btn-primary-major: var(--colors-interblue-700);
	--base-btn-secondary-major: var(--colors-interblue-d-500);
	--base-btn-secondary-minor: var(--colors-interblue-desat-920);
	--base-btn-tertiary-major: var(--colors-interblue-desat-trans-920);
	--base-btn-tertiary-minor: var(--colors-interblue-desat-trans-940);
	/* ~~~~~ */
	--base-btn-alert-primary-major: var(--colors-red-desat-750-easy);
	--base-btn-alert-primary-minor: var(--colors-red-desat-900-easy);
	--base-btn-alert-secondary-minor: var(--base-hlt-w-easy);
	--base-btn-alert-secondary-major: var(--colors-red-desat-750-easy);
	/* ~~~~~ */
	--base-btn-fresh-major: var(--colors-green-600);
	--base-btn-fresh-minor: var(--colors-green-750);
	/* ~~~~~ */
	--base-btn-ghost-major: var(--base-cont-mod-top);
	--base-btn-ghost-minor: var(--base-hlt-alt-overlap);
	/* ~~~~~ */
	--base-btn-notice-major: var(--colors-amber-500);
	--base-btn-notice-minor: var(--colors-amber-600);
	/* ~~~~~ */
	--base-btn-togg-on: var(--colors-lime-500);
	--base-btn-togg-off: var(--colors-red-700);
	--base-btn-togg-ghost: var(--base-txt-muted);
	/* ~~~~~ */
	--base-btn-brd-major: var(--colors-interblue-600);
	--base-btn-brd-minor: var(--colors-titan-trans-800);
	--base-btn-brd-alert: var(--colors-red-700);


	/* ~~~~~ BASE END ~~~~~ */

	/* INPUT pack */
	--inp-cont-top: var(--base-cont-top);
	--inp-cont-low: var(--base-cont-mid);
	--inp-cont-brd: var(--base-line-alt-cardbrd);
	/* ~~~~~ */
	--inp-hlt-txt: var(--base-txt-act-major);
	--inp-hlt-bg: var(--base-hlt-notr-hover);
	--inp-hlt-brd: var(--base-hlt-active);
	--inp-hlt-focus: var(--base-hlt-focus);
	/* ~~~~~ */
	--inp-selection: var(--colors-interblue-desat-900);


	/* MENU pack */
	--menu-cont-top: var(--base-cont-mod-top);
	--menu-cont-low: var(--base-cont-mod-low);
	--menu-cont-line: var(--base-line-tertiary);
	--menu-cont-brd: var(--base-line-alt-cardbrd);
	--menu-cont-brd-act: var(--base-hlt-active);
	/* ~~~~~ */
	--menu-inp-cont: var(--base-cont-mod-trans-mid);
	--menu-inp-brd: var(--base-line-tertiary);
	--menu-inp-selection: var(--colors-steel-950);
	/* ~~~~~ */
	--menu-item-easy: var(--base-hlt-easy);
	--menu-item-hover: var(--base-hlt-hover);
	--menu-item-selected: var(--base-hlt-selected);
	--menu-item-disable: var(--base-hlt-g-hover);
	--menu-item-invert: var(--base-hlt-invert);
	/* ~~~~~ */
	--menu-item-alert: var(--base-hlt-w-hover);
	--menu-item-alert-txt: var(--base-txt-alert-major);


	/* LABEL pack */
	--lbl-today-major: var(--colors-amber-400);
	--lbl-today-minor: var(--colors-amber-alpha-400-a40);
	--lbl-yesterday-major: var(--colors-purple-600);
	--lbl-yesterday-minor: var(--colors-purple-alpha-600-a40);
	--lbl-date: var(--colors-interblue-desat-920);
	/* ~~~~~ */
	--lbl-overdue-major: var(--colors-red-500);
	--lbl-overdue-minor: var(--colors-red-desat-900-easy);
	--lbl-overdue-invert: var(--colors-red-desat-900-easy);
	/* ~~~~~ */
	--lbl-upcoming-major: var(--colors-blue-400);
	--lbl-upcoming-minor: var(--colors-blue-desat-900);
	--lbl-upcoming-invert: var(--colors-blue-desat-900);


	/* COSTS (tasks, time, money, timer) pack  */
	--costs-progbar-overrun: var(--colors-red-700);
	--costs-progbar-major: var(--colors-interblue-desat-trans-920);
	--costs-progbar-minor: var(--colors-interblue-desat-trans-930);
	/* ~~~~~ */
	--costs-task-major: var(--colors-interblue-500);
	--costs-task-minor: var(--colors-interblue-500);
	--costs-task-easy: var(--colors-blue-alpha-500-a50);
	--costs-task-highlight: var(--colors-blue-alpha-500-a15);
	/* ~~~~~ */
	--costs-money-text: var(--colors-teal-500);
	--costs-money-major: var(--colors-teal-500);
	--costs-money-minor: var(--colors-teal-750);
	--costs-money-easy: var(--colors-teal-alpha-400-a50);
	--costs-money-highlight: var(--colors-teal-alpha-viv300-a15);
	/* ~~~~~ */
	--costs-time-text: var(--colors-purple-600);
	--costs-time-major: var(--colors-purple-600);
	--costs-time-minor: var(--colors-purple-800);
	--costs-time-easy: var(--colors-purple-alpha-600-a40);
	--costs-time-highlight: var(--colors-purple-alpha-600-a15);
	/* ~~~~~ */
	--costs-timer-play: var(--colors-pine-900);
	--costs-timer-alert: var(--base-hlt-w-invert);
	--costs-timer-pause: var(--colors-purple-800);
	--costs-timer-warning: var(--colors-amber-500);
	--costs-timer-alarm: var(--colors-red-desat-750-easy);


	/* FILTER TAG (selected item on filter panel) pack  */
	--flt-act-bg: var(--base-hlt-selected);
	--flt-del-bg: var(--base-surf-sidebar);
	--flt-del-ico: var(--base-line-alert);
	--flt-del-txt: var(--base-txt-alt-light);


	/* POST (comments) pack */
	--post-ment-bg: var(--base-hlt-hover);
	--post-ment-hover: var(--base-hlt-pressed);
	--post-ment-txt: var(--base-txt-primary);
	/* ~~~~~ */
	--post-task-bg: var(--base-hlt-hover);
	--post-task-brd: var(--base-line-secondary);
	/* ~~~~~ */
	--post-code-bg: var(--colors-blue-alpha-500-a15);
	--post-quote-bg: var(--colors-purple-alpha-600-a15);
	--post-quote-txt: var(--colors-purple-desat-400);
	/* ~~~~~ */
	--post-contact-bg: var(--colors-amber-desat-920-ultra);
	--post-contact-hover: var(--colors-amber-desat-800-ultra);


	/* PROJECT CONDITION pack */
	--projcond-active-bg: #ffcc00cc;
	--projcond-active-txt: var(--colors-alpha-dark-60);
	/* ~ */
	--projcond-muted-bg-solid:var(--colors-violet-600);
	--projcond-muted-bg: var(--colors-violet-trans-400);
	--projcond-muted-txt: var(--colors-alpha-dark-60);
	/* ~ */
	--projcond-archive-bg: #A9A086CC;
	--projcond-archive-txt: var(--colors-alpha-dark-60);


	/* CALENDAR pack  */
	--cal-picker-range: var(--colors-amber-alpha-400-a40);
	--cal-picker-endpoints: var(--colors-amber-alpha-400-a60);
	--cal-picker-hover: var(--colors-amber-500);
	--cal-picker-holiday: var(--colors-red-trans-400);
	--cal-picker-vacation: var(--colors-teal-alpha-750-a40);
	--cal-picker-sickleave: var(--colors-purple-alpha-800-a40);
	--cal-picker-dayoff: var(--base-hlt-selected);
	/* ~~~~~ */
	--cal-set-sickleave: var(--colors-purple-alpha-600-a40);
	--cal-set-vacation: var(--colors-teal-alpha-750-a80);
	--cal-set-dayoff: var(--colors-interblue-600);
	--cal-set-holiday: var(--colors-red-850);
	/* ~~~~~ */
	--cal-grid-range: var(--base-hlt-invert);
	--cal-grid-holiday: var(--colors-red-trans-200);
	--cal-grid-dayname: var(--base-cont-mod-trans-mid);
	--cal-grid-weekend: var(--base-cont-mod-trans-low);

	/* QUEUE pack */
	--queue-bg: var(--colors-blue-desat-750);
	--queue-done-bg: var(--colors-blue-desat-900);
	--queue-alert-bg: var(--colors-amber-500);
	--queue-error-bg: var(--colors-red-desat-900-easy);
	--queue-more-bg: var(--colors-blue-desat-600);
	--queue-more-txt: var(--colors-blue-930);

	/* ~~~~~ ?UNTOUCHED? ~~~~~ */

	/* CHARTS (dashboard) pack  */
	--CHART_ALERT: var(--colors-amber-500);
	--CHART_BAR_DARK: var(--colors-blue-desat-600);
	--CHART_BAR_HOT: var(--colors-red-desat-750-easy);
	--CHART_BAR_LIGHT: var(--colors-blue-alpha-500-a25);
	--CHART_BAR_MEDIUM: var(--colors-blue-desat-750);
	--CHART_BLUE_BORDER: var(--colors-interblue-600);
	--CHART_BLUE_GRADIENT_END: var(--colors-interblue-500);
	--CHART_BLUE_GRADIENT_START: var(--colors-interblue-trans-200);
	--CHART_CIRCLE_WHITE: var(--base-cont-mod-top);
	--CHART_COSTS_BORDER: var(--colors-purple-800);
	--CHART_COSTS_GRADIENT: var(--colors-purple-alpha-800-a60);
	--CHART_DEMO_LIGHT1: var(--colors-interblue-desat-930);
	--CHART_DEMO_LIGHT2: var(--colors-interblue-desat-920);
	--CHART_DEMO_LIGHT3: var(--colors-interblue-desat-900);
	--CHART_DEMO_LIGHT4: var(--colors-interblue-desat-800);
	--CHART_DEMO_ORANGE: var(--colors-red-desat-750-easy);
	--CHART_GRID_LINE: var(--colors-alpha-light-07);
	--CHART_LIGHTBLUE: var(--colors-titan-trans-960);
	--CHART_PROJECT_PLAN_BG: var(--colors-purple-alpha-600-a15);
	--CHART_PROJECT_PLAN_BORDER: var(--colors-purple-alpha-600-a40);
	--CHART_PURPLE: var(--colors-violet-750);
	--CHART_SPEED: var(--colors-red-desat-750-easy);
	--CHART_TASK_AWAITING: var(--colors-blue-500);
	--CHART_TASK_COMING: var(--colors-blue-700);
	--CHART_TASK_DELAY: var(--colors-red-desat-700);
	--CHART_TASK_HOT: var(--colors-red-850);
	--CHART_TASK_INTIME: var(--colors-blue-desat-750);
	--CHART_TASK_NODATES: var(--colors-blue-desat-750);
	--CHART_TASK_STARTED: var(--colors-blue-600);
	--CHART_TASKS_PLAN_BG: var(--colors-titan-trans-960);
	--CHART_TASKS_PLAN_BORDER: var(--colors-interblue-trans-400);
	--CHART_TOOLTIP_BG: var(--colors-alpha-dark-30);
	--CHART_TOOLTIP_TXT: var(--colors-titan-trans-500);


	/* GANTT pack */
	--GANTT_BG_ACT: var(--colors-interblue-desat-trans-920);
	--GANTT_BG_HOVER: var(--colors-interblue-desat-trans-940);
	--GANTT_BG_NEW: var(--colors-lime-alpha-viv300-a10);
	--GANTT_BG_TODAY: var(--colors-yellow-alpha-100-a20);
	--GANTT_BG_UPD: var(--colors-interblue-desat-trans-930);
	--GANTT_DRAG: var(--colors-titan-500);
	--GANTT_DRAG_HOV: var(--colors-titan-700);
	--GANTT_ERROR: var(--colors-red-850);
	--GANTT_ERROR_SUB:var(--colors-red-trans-200);
	--GANTT_LINE: var(--colors-titan-700);
	--GANTT_LINK: var(--colors-titan-800);
	--GANTT_PROJECT: var(--colors-brown-800);
	--GANTT_PROJECT_LO: var(--colors-brown-400);
	--GANTT_PROJECT_RO: var(--colors-brown-920);
	--GANTT_SUBTASK: var(--colors-green-desat-600-easy);
	--GANTT_SUBTASK_DONE: var(--colors-green-alpha-des600-a40);
	--GANTT_SUBTASK_DONE_LO: var(--colors-green-desat-600);
	--GANTT_SUBTASK_LO: var(--colors-green-300);
	--GANTT_SUBTASK_RO: var(--colors-green-desat-920);
	--GANTT_SUBTASK2: var(--colors-green-desat-600-easy);
	--GANTT_SUBTASK2_DONE: var(--colors-green-alpha-des600-a40);
	--GANTT_SUBTASK2_DONE_LO: var(--colors-green-desat-600);
	--GANTT_SUBTASK2_LO: var(--colors-green-300);
	--GANTT_SUBTASK2_RO: var(--colors-green-desat-920);
	--GANTT_TASK: var(--colors-blue-desat-700-easy);
	--GANTT_TASK_DONE: var(--colors-blue-alpha-des600-a40);
	--GANTT_TASK_DONE_LO: var(--colors-blue-desat-600);
	--GANTT_TASK_LO: var(--colors-blue-300);
	--GANTT_TASK_RO: var(--colors-blue-desat-900);
	--GANTT_USER: var(--colors-brown-800);
	--GANTT_USER_LO: var(--colors-brown-400);
	--GANTT_USER_OP: var(--colors-violet-750);
	--GANTT_USER_RO: var(--colors-brown-920);
	--gantt-error-sub: var(--colors-red-trans-200);

	/* GANTT pack v2*/
	--gantt-task-rep-hi: var(--colors-interblue-trans-300);
	--gantt-task-rep-hi-hover: var(--colors-interblue-trans-400);
	--gantt-task-rep-lo: var(--colors-interblue-700);
	--gantt-subtask-rep-hi: var(--colors-green-alpha-600-a20);
	--gantt-subtask-rep-hi-hover: var(--colors-green-alpha-600-a40);
	--gantt-subtask-rep-lo: var(--colors-green-500);

	/* PRIORITY pack */
	--prior-0: var(--colors-alpha-light-20);
	--prior-1: var(--colors-alpha-light-10);
	--prior-2:var(--colors-violet-trans-400);
	--prior-3: var(--colors-blue-alpha-des600-a60);
	--prior-4: var(--colors-teal-alpha-des500-easy-a60);
	--prior-5: var(--colors-green-alpha-des500-easy-a60);
	--prior-6: var(--colors-amber-alpha-400-a60);
	--prior-7: var(--colors-amber-alpha-500-a60);
	--prior-8: var(--colors-amber-alpha-600-a60);
	--prior-9: var(--colors-red-alpha-des750-easy-a60);
	--prior-10: var(--colors-red-alpha-850-a60);
	--prior-txt: var(--colors-alpha-light-70);
	--prior-hover: var(--colors-alpha-dark-95);

	/* SIDEBAR pack */
	--sidebar-cont-base: var(--colors-steel-990);
	--sidebar-cont-hover: var(--colors-steel-950);
	--sidebar-cont-active: var(--colors-alpha-dark-100);
	--sidebar-badge-alert: var(--colors-red-desat-900-easy);
	--sidebar-badge-upcoming: var(--base-hlt-b-invert);
	--sidebar-badge-base: var(--colors-interblue-700);
	--sidebar-badge-ghost: var(--colors-titan-920);
	--sidebar-badge-txt: var(--colors-alpha-light-90);
	--sidebar-ico-ghost: var(--colors-steel-940);
	--sidebar-ico-base: var(--colors-titan-700);
	--sidebar-ico-hover: var(--colors-titan-500);
	--sidebar-ico-active: var(--colors-interblue-600);
	--sidebar-ico-promo: var(--colors-violet-750);

	/* FOLDER pack */
	--colorize-red: var(--colors-red-800);
	--colorize-orange: var(--colors-amber-600);
	--colorize-yellow: var(--colors-amber-400);
	--colorize-green: var(--colors-lime-600);
	--colorize-blue: var(--colors-interblue-600);
	--colorize-indigo: var(--colors-blue-750);
	--colorize-violet: var(--colors-violet-750);
	--colorize-pink: var(--colors-pink-700);
	--colorize-beige: var(--colors-brown-600);
	--colorize-grey: var(--colors-graphite-700);

	/* PROJECT COLORS pack */
	--colorize-prj-none:var(--base-hlt-g-selected);
	--colorize-prj-red: #d65c66;
	--colorize-prj-orange: #dd713c;
	--colorize-prj-yelloworange: #e09706;
	--colorize-prj-yellow: #f2cc0d;
	--colorize-prj-yellowgreen: #a6cc33;
	--colorize-prj-green: #4f9438;
	--colorize-prj-bluegreen: #28bda4;
	--colorize-prj-aqua: #3de6f5;
	--colorize-prj-lightblue: #5eb2ed;
	--colorize-prj-blue: #4267d7;
	--colorize-prj-indigo: #8767e4;
	--colorize-prj-purple: #d693ec;
	--colorize-prj-magenta: #cc66aa;
	--colorize-prj-pink: #ec7996;
	--colorize-prj-beige: #af8c6a;
	--colorize-prj-lightgrey: #7b8f9d;
	--colorize-prj-coolgrey: #4c6a80;

	/* LBL COLORS pack */
	--colorize-lbl-txt-accent: var(--colors-alpha-light-90);
	--colorize-lbl-txt-primary: var(--colors-alpha-light-70);
	--colorize-lbl-txt-ghost: var(--colors-alpha-light-10);
	--colorize-lbl-none: #e5ebf0;
	--colorize-lbl-none-bg: #e5ebf04d;
	--colorize-lbl-lightgrey: #b0c2cf;
	--colorize-lbl-lightgrey-bg: #b6c1c933;
	--colorize-lbl-coolgrey: #809db3;
	--colorize-lbl-coolgrey-bg: #809db333;
	--colorize-lbl-lightpink: #ffb3cc;
	--colorize-lbl-lightpink-bg: #ffb3cc33;
	--colorize-lbl-pink: #ff668c;
	--colorize-lbl-pink-bg: #ff668c33;
	--colorize-lbl-red: #d22d39;
	--colorize-lbl-red-bg: #d22d3933;
	--colorize-lbl-yellow: #f4d125;
	--colorize-lbl-yellow-bg: #f4d12533;
	--colorize-lbl-yelloworange: #f2a60d;
	--colorize-lbl-yelloworange-bg: #f2a60d33;
	--colorize-lbl-orange: #eb7e47;
	--colorize-lbl-orange-bg: #eb7e4733;
	--colorize-lbl-yellowgreen: #b2d742;
	--colorize-lbl-yellowgreen-bg: #b2d74233;
	--colorize-lbl-green: #4fbe29;
	--colorize-lbl-green-bg: #4fbe2933;
	--colorize-lbl-darkgreen: #1d8613;
	--colorize-lbl-darkgreen-bg: #1d861333;
	--colorize-lbl-lightaqua: #79e6dd;
	--colorize-lbl-lightaqua-bg: #79e6dd33;
	--colorize-lbl-aqua: #1eb9b9;
	--colorize-lbl-aqua-bg: #1eb9b933;
	--colorize-lbl-darkaqua: #008a8a;
	--colorize-lbl-darkaqua-bg: #008a8a33;
	--colorize-lbl-lightblue: #80caff;
	--colorize-lbl-lightblue-bg: #80caff33;
	--colorize-lbl-blue: #1ca0ff;
	--colorize-lbl-blue-bg: #1ca0ff33;
	--colorize-lbl-darkblue: #0077cc;
	--colorize-lbl-darkblue-bg: #0077cc33;
	--colorize-lbl-lightindigo: #c6b3ff;
	--colorize-lbl-lightindigo-bg: #c6b3ff33;
	--colorize-lbl-indigo: #9475f0;
	--colorize-lbl-indigo-bg: #9475f033;
	--colorize-lbl-darkindigo: #6b3df5;
	--colorize-lbl-darkindigo-bg: #6b3df533;
	--colorize-lbl-beige: #d6bfa9;
	--colorize-lbl-beige-bg: #d6bfa933;
	--colorize-lbl-brown: #a17345;
	--colorize-lbl-brown-bg: #a1734533;
	--colorize-lbl-darkbrown: #594026;
	--colorize-lbl-darkbrown-bg: #59402633;
	--colorize-txthlt-red: #ff8080;
	--colorize-txthlt-yellow: #ffff66;
	--colorize-txthlt-green: #99ff66;
	--colorize-txthlt-blue: #1ad9ff;
	--colorize-txthlt-aqua: #00ffea;
	--colorize-txthlt-purple: #ff99dd;
	--colorize-txthlt-indigo: #9999ff;
	--colorize-txthlt-beige: #d6bfa9;
	--colorize-txthlt-grey: var(--colors-titan-800);

	/* WHITE pack */
	--white-max: var(--colors-alpha-light-100);
	--white-accent: var(--colors-alpha-light-90);
	--white-primary: var(--colors-alpha-light-80);
	--white-secondary: var(--colors-alpha-light-70);
	--white-tertiary: var(--colors-alpha-light-50);
	--white-muted: var(--colors-alpha-light-40);
	--white-ghost: var(--colors-alpha-light-20);

	/* SHADOW COLORS pack */

	/* new */ --shadow-color-fx-100: var(--colors-steel-trans-960);
	/* new */ --shadow-color-fx-200: var(--colors-steel-trans-970);
	/* new */ --shadow-color-fx-300: var(--colors-steel-trans-970);
	/* new */ --shadow-color-fx-400: var(--colors-steel-trans-990);

	/* new */ --shadow-outline-100: var(--base-line-tertiary);
	/* new */ --shadow-outline-200: var(--base-line-secondary);
	/* new */ --shadow-outline-300: var(--base-line-secondary);
	/* new */ --shadow-outline-spec-100: var(--base-line-tertiary);
	/* new */ --shadow-outline-spec-200: var(--base-line-secondary);
	/* new */ --shadow-outline-mod-100: var(--base-cont-mod-top-elevated);
	/* new */ --shadow-outline-mod-200: var(--colors-titan-920);


	/* NIGHT SHADOWS pack */

	--shadow-cont-minor: 0 2px 8px -2px var(--shadow-color-fx-300);
	--shadow-cont-major: 0 2px 8px -2px var(--shadow-color-fx-400);
	--shadow-cont-minor-outline: 0 0 0 1px var(--shadow-outline-100), 0 2px 8px -2px var(--shadow-color-fx-300);
	--shadow-cont-major-outline: 0 0 0 1px var(--shadow-outline-200), 0 2px 8px -2px var(--shadow-color-fx-400);
	--shadow-cont-minor-lineonly-outside: 0 0 0 1px var(--shadow-outline-spec-100);
	--shadow-cont-major-lineonly-outside: 0 0 0 1px var(--shadow-outline-300);
	--shadow-cont-minor-lineonly-inside: inset 0 0 0 1px var(--shadow-outline-spec-100);
	--shadow-cont-major-lineonly-inside: inset 0 0 0 1px var(--shadow-outline-spec-200);

	/* new */ --shadow-mod-minor: 0 0 0 1px var(--shadow-outline-mod-200), 0 4px 8px -2px var(--shadow-color-fx-200), 0 12px 20px -6px var(--shadow-color-fx-100);
	/* new */ --shadow-mod-major: 0 0 0 1px var(--shadow-outline-mod-100), 0 6px 12px -4px var(--shadow-color-fx-300), 0 6px 48px -4px var(--shadow-color-fx-200), 0 20px 56px -8px var(--shadow-color-fx-200);
	/* new */ --shadow-tray-major: 0 0 0 1px var(--shadow-outline-mod-100), 0 0 12px -4px var(--shadow-color-fx-400), 0 0 48px -16px var(--shadow-color-fx-300), 0 0 56px -32px var(--shadow-color-fx-300);

	--shadow-brd-enable-outside: 0 0 0 1px var(--base-line-secondary);
	--shadow-brd-enable-hover-outside: 0 0 0 1px var(--base-line-accent);

	--shadow-brd-enable: 0 0 0 1px var(--base-line-secondary) inset;
	--shadow-brd-enable-hover: 0 0 0 1px var(--base-line-accent) inset;
	--shadow-brd-enable-focus: 0 0 0 1px var(--base-txt-accent), 0 0 0 4px var(--base-txt-ghost);
	--shadow-brd-enable-focus-alt: 0 0 0 2px var(--base-cont-top), 0 0 0 4px var(--base-txt-ghost);
	--shadow-brd-focus-alt: 0 0 0 2px var(--base-cont-top), 0 0 0 4px var(--base-txt-act-minor);
	--shadow-brd-focus-alt-mini: 0 0 0 2px var(--base-txt-act-minor);

	--shadow-brd-hover: 0 0 0 1px var(--base-txt-btn-a) inset;
	--shadow-brd-focus: 0 0 0 1px var(--base-txt-btn-a), 0 0 0 4px var(--base-hlt-pressed);

	--shadow-brd-hover-b: 0 0 0 1px var(--base-txt-btn-b) inset;
	--shadow-brd-focus-b: 0 0 0 1px var(--base-txt-btn-b), 0 0 0 4px var(--base-hlt-b-pressed);

	--shadow-brd-error: 0 0 0 1px var(--base-txt-btn-w) inset;
	--shadow-brd-error-focus: 0 0 0 1px var(--base-txt-btn-w), 0 0 0 4px var(--base-hlt-w-pressed);

	--shadow-cover-hover: 0 0 0 1000px var(--colors-alpha-light-15) inset;
	--shadow-cover-press: 0 0 0 1000px var(--colors-alpha-dark-10) inset;
	--shadow-brd-04-focus-mini: 0 0 0 2px var(--base-txt-accent);
	--trans: #00000000;

	/* GRADIENT pack */
	--gradient-cont-fresh: linear-gradient(90deg, var(--colors-blue-alpha-500-a25) 0%, var(--colors-teal-alpha-400-a50) 100%);
	--gradient-btn-primary: linear-gradient(45deg, var(--colors-teal-desat-500-easy) 0%, var(--colors-interblue-600) 100%);
	--gradient-btn-secondary: linear-gradient(45deg, var(--colors-purple-600) 0%, var(--colors-blue-600) 100%);
	--gradient-brd-glare: linear-gradient(180deg, var(--colors-alpha-light-20), transparent);
	--gradient-brd-double-glare: linear-gradient(180deg, #ffffff40, transparent) border-box, linear-gradient(180deg, transparent, #00000033);
	--gradient-volume: linear-gradient(180deg, var(--colors-alpha-light-15), transparent);
	--gradient-btn-header: radial-gradient(50% 50% at 50% 50%, rgba(0, 255, 0, .15) 32%, rgba(0, 255, 0, 0) 100%);

	/* TRANSITION pack */
	--transition-border-and-shadow: border-color .2s ease-in-out, box-shadow .2s ease-in-out;

	/* ~~~~~ */
	--day-card0: var(--prior-0);
	--day-card1: var(--prior-9);
	--day-card2: var(--prior-7);
	--day-card3: var(--prior-5);
	--day-card4: var(--prior-4);
	--day-card5: var(--prior-3);
	--day-card6: var(--prior-2);

	--scroll-minor: var(--colors-titan-trans-920);
	--scroll-major: var(--colors-titan-trans-850);
	--scroll-easy: var(--colors-titan-trans-930);

	--hint-w-bg: var(--colors-alpha-dark-80);

	/* EFFECTS pack */
	--gradien-loader-curling: conic-gradient(
		from 0deg,
		rgba(136, 207, 255, 0.85) 0deg,
		rgba(255, 255, 255, 0) 41.25deg,
		rgba(255, 255, 255, 0.15) 93.75deg,
		#fff 179.31deg,
		#ffd5f5 258.75deg,
		#72c6ff 352.5deg,
		rgba(136, 207, 255, 0.85) 360deg
	);
	--loader-color: var(--base-txt-secondary);
}
@media (max-width: 480px) {
	:root {
		--base-cont-mod-top:var(--base-cont-top);
		--base-cont-mod-mid:var(--base-cont-mid);
		--base-cont-mod-low:var(--base-cont-low);
	}
}