[data-theme="Light"] {
  /* color */
  ---base-color-bg-negative: var(--color-brands-owl-owl-red-600);
  ---base-color-bg-neutral: var(--color-brands-owl-owl-brand);
  ---base-color-bg-paid-pro-service: var(--color-brands-owl-owl-orange-300);
  ---base-color-bg-positive: var(--color-brands-owl-owl-green-600);
  ---base-color-bg-waiting: var(--color-brands-owl-owl-yellow-500);
  ---base-color-border-negative: var(--color-brands-owl-owl-red-600);
  ---base-color-border-positive: var(--color-brands-owl-owl-green-600);
  ---base-color-icon-negative: var(--color-brands-owl-owl-red-600);
  ---base-color-icon-positive: var(--color-brands-owl-owl-green-600);
  ---base-color-testing-theme-allstar: var(--color-brands-owl-owl-orange-700);
  ---base-color-text: var(--color-brands-owl-owl-gray-700);
  ---base-color-text-inverse: var(--color-brands-owl-owl-white);
  ---base-color-text-negative: var(--color-brands-owl-owl-red-600);
  ---base-color-text-positive: var(--color-brands-owl-owl-green-600);
  ---misc-absence-excused-color-text: var(---base-color-text-positive);
  ---misc-absence-not-absent-color-text: var(--color-text-color-text);
  ---misc-absence-present-elsewhere-color-text: var(--color-text-color-text);
  ---misc-absence-remote-schooling-color-text: var(--color-brands-owl-owl-gray-500);
  ---misc-absence-undefined-color-text: var(--color-brands-owl-owl-gray-500);
  ---misc-absence-unexcused-color-text: var(---base-color-text-negative);
  ---misc-activities-activity-eight: var(--color-brands-owl-owl-blue-500);
  ---misc-activities-activity-eleven: var(--color-brands-owl-owl-green-400);
  ---misc-activities-activity-five: var(--color-brands-owl-owl-red-300);
  ---misc-activities-activity-four: var(--color-brands-owl-owl-orange-300);
  ---misc-activities-activity-fourteen: var(--color-brands-owl-owl-red-200);
  ---misc-activities-activity-nine: var(--color-brands-owl-owl-purple);
  ---misc-activities-activity-one: var(--color-brands-owl-owl-green-600);
  ---misc-activities-activity-seven: var(--color-brands-owl-owl-yellow-500);
  ---misc-activities-activity-six: var(--color-brands-owl-owl-green-700);
  ---misc-activities-activity-ten: var(--color-brands-owl-owl-red-300);
  ---misc-activities-activity-thirteen: var(--color-brands-owl-owl-blue-600);
  ---misc-activities-activity-three: var(--color-brands-owl-owl-orange-700);
  ---misc-activities-activity-twelve: var(--color-brands-owl-owl-green-400);
  ---misc-activities-activity-two: var(--color-brands-owl-owl-blue-500);
  ---misc-exam-retake-color-text: var(--color-special-grade-red);
  ---misc-exam-subject-color-text: var(--color-special-grade-blue);
  ---misc-exam-supplementary-color-text: var(--color-special-grade-green);
  ---misc-grade-corrected-from-past-term: var(--color-special-grade-gray);
  --calendar-cell-different-school-color-bg: var(--color-brands-owl-owl-gray-300);
  --calendar-cell-different-school-color-text: var(--color-text-color-text-disabled);
  --calendar-sequential-lessons-color-border: var(--color-brands-owl-owl-orange-700);
  --calendar-sequential-lessons-even-color-border: var(---base-color-border-positive);
  --card-nav-arrow-color-icon: var(--color-icon-color-icon-subtle);
  --card-nav-circle-icon-color-bg: var(--color-bg-color-bg);
  --card-nav-circle-icon-color-icon: var(--color-icon-color-icon-accent);
  --chart-burden-color-bg: var(--color-brands-owl-owl-white);
  --chart-burden-gridline-color-border: var(--color-border-color-border);
  --chart-burden-gridline-weekend-color-border: var(--color-brands-owl-owl-gray-500);
  --chart-burden-notification-color-text: var(--color-brands-owl-owl-white);
  --chart-burden-notification-grading-color-bg: var(---base-color-bg-negative);
  --chart-burden-notification-homework-color-bg: var(--color-solutions-color-homework);
  --chart-burden-notification-pre-grading-color-bg: var(--color-brands-owl-owl-purple);
  --chart-burden-today-color-bg: var(--color-brands-owl-owl-blue-500);
  --chart-burden-today-color-text: var(--color-text-color-text-inverse);
  --chart-burden-weekend-color-bg: var(--color-brands-owl-owl-gray-200);
  --color-bg-absent: var(--color-bg-color-bg-error);
  --color-bg-bg-accordion-body: var(--color-bg-bg-wide-check-inactive-default);
  --color-bg-bg-accordion-header-level-1: var(--color-bg-color-bg-cell);
  --color-bg-bg-accordion-header-level-2: var(--color-bg-bg-accordion-body);
  --color-bg-bg-attach: var(--color-general-color-white);
  --color-bg-bg-boy: var(--color-sky-sky-500);
  --color-bg-bg-com-message-card-selected-default: var(--color-bg-color-bg-accent);
  --color-bg-bg-com-message-card-selected-focus: var(--color-brands-owl-owl-brand);
  --color-bg-bg-com-message-card-unselected-default: var(--color-general-color-white);
  --color-bg-bg-com-message-card-unselected-focus: var(--color-bg-bg-com-message-card-unselected-hover);
  --color-bg-bg-com-message-card-unselected-hover: var(--color-bg-bg-nav-item-unselected-default);
  --color-bg-bg-com-message-card-unselected-pressed: var(--color-brands-owl-owl-blue-100);
  --color-bg-bg-disabled: var(--color-brands-owl-owl-gray-200);
  --color-bg-bg-girl: var(--color-pink-pink-500);
  --color-bg-bg-inactive: var(--color-brands-owl-owl-gray-100);
  --color-bg-bg-interactive-element: var(--color-general-color-white);
  --color-bg-bg-menu: var(--color-general-color-white);
  --color-bg-bg-menu-item-level-1: var(--color-brands-owl-owl-gray-50);
  --color-bg-bg-menu-item-level-2: var(--color-brands-owl-owl-white);
  --color-bg-bg-message-date-divider: var(--color-brands-owl-owl-gray-200);
  --color-bg-bg-nav: var(--color-general-color-white);
  --color-bg-bg-nav-active: var(--color-bg-bg-nav-item-unselected-default);
  --color-bg-bg-nav-hover: var(--color-bg-bg-nav-item-unselected-default);
  --color-bg-bg-nav-inactive: var(--color-brands-owl-owl-gray-50);
  --color-bg-bg-nav-item-selected-default: var(--color-brands-owl-owl-blue-200);
  --color-bg-bg-nav-item-selected-focus: var(--color-general-color-white);
  --color-bg-bg-nav-item-unselected-default: var(--color-bg-bg-nav);
  --color-bg-bg-nav-item-unselected-focus: var(--color-general-color-white);
  --color-bg-bg-nav-item-unselected-hover: var(--color-general-color-white);
  --color-bg-bg-nav-item-unselected-pressed: var(--color-general-color-white);
  --color-bg-bg-photo-upload: var(--color-bg-color-bg);
  --color-bg-bg-popup: var(--color-brands-owl-owl-white);
  --color-bg-bg-popup-card: var(--color-brands-owl-owl-white);
  --color-bg-bg-popup-close: var(--color-brands-owl-owl-gray-700);
  --color-bg-bg-popup-dimmer: var(--color-brands-owl-owl-gray-700);
  --color-bg-bg-popup-menu: var(--color-brands-owl-owl-gray-50);
  --color-bg-bg-popup-student-header: var(--color-brands-owl-owl-brand);
  --color-bg-bg-school-tag: var(--color-sky-sky-400);
  --color-bg-bg-tab-active: var(--color-brands-owl-owl-white);
  --color-bg-bg-tab-group: var(--color-brands-owl-owl-white);
  --color-bg-bg-tab-inactive: var(--color-brands-owl-owl-gray-50);
  --color-bg-bg-table: var(--color-general-color-white);
  --color-bg-bg-table-cell-selected: var(--color-bg-color-bg-link-active-menu);
  --color-bg-bg-wide-check-absent: var(--color-brands-owl-owl-red-100);
  --color-bg-bg-wide-check-active-default: var(--color-brands-owl-owl-blue-50);
  --color-bg-bg-wide-check-active-focus: var(--color-bg-button-primary-focus);
  --color-bg-bg-wide-check-active-hover: var(--color-bg-bg-wide-check-inactive-default);
  --color-bg-bg-wide-check-active-locked: var(--color-bg-bg-disabled);
  --color-bg-bg-wide-check-inactive-default: var(--color-general-color-white);
  --color-bg-bg-wide-check-inactive-focus: var(--color-general-color-white);
  --color-bg-bg-wide-check-inactive-hover: var(--color-bg-bg-wide-check-inactive-default);
  --color-bg-color-bg: var(--color-gray-gray-100);
  --color-bg-color-bg-accent: var(--color-general-color-brand);
  --color-bg-color-bg-accent-inverse: var(--color-general-color-white);
  --color-bg-color-bg-button-error: var(--color-brands-owl-owl-red-400);
  --color-bg-color-bg-button-info: var(--color-brands-owl-owl-blue-700);
  --color-bg-color-bg-button-warning: var(--color-brands-owl-owl-yellow-900);
  --color-bg-color-bg-card: var(--color-brands-owl-owl-gray-50);
  --color-bg-color-bg-cell: var(--color-brands-owl-owl-white);
  --color-bg-color-bg-cell-absence: var(--color-brands-owl-owl-gray-50);
  --color-bg-color-bg-cell-afternoon-babysitting: var(--color-brands-owl-owl-blue-100);
  --color-bg-color-bg-cell-babysitting: var(--color-brands-owl-owl-blue-100);
  --color-bg-color-bg-cell-blue: var(--color-brands-owl-owl-blue-100);
  --color-bg-color-bg-cell-even: var(--color-brands-owl-owl-gray-50);
  --color-bg-color-bg-cell-event: var(--color-brands-owl-owl-blue-100);
  --color-bg-color-bg-cell-extracurricular-activity: var(--color-brands-owl-owl-blue-100);
  --color-bg-color-bg-cell-green: var(--color-brands-owl-owl-green-50);
  --color-bg-color-bg-cell-hover: var(--color-brands-owl-owl-gray-100);
  --color-bg-color-bg-cell-lesson: var(--color-brands-owl-owl-blue-100);
  --color-bg-color-bg-cell-lesson-canceled: var(--color-brands-owl-owl-gray-50);
  --color-bg-color-bg-cell-lesson-finished: var(--color-brands-owl-owl-green-50);
  --color-bg-color-bg-cell-morning-babysitting: var(--color-brands-owl-owl-blue-100);
  --color-bg-color-bg-cell-observation: var(--color-brands-owl-owl-blue-100);
  --color-bg-color-bg-cell-parent-teacher-hours: var(--color-brands-owl-owl-blue-100);
  --color-bg-color-bg-cell-pink: var(--color-pink-pink-100);
  --color-bg-color-bg-cell-red: var(--color-brands-owl-owl-red-50);
  --color-bg-color-bg-cell-substitution: var(--color-brands-owl-owl-orange-100);
  --color-bg-color-bg-cell-teal: var(--color-teal-teal-100);
  --color-bg-color-bg-cell-violet: var(--color-violet-violet-100);
  --color-bg-color-bg-cell-yellow: var(--color-brands-owl-owl-yellow-100);
  --color-bg-color-bg-danger: var(--color-brands-owl-owl-red-50);
  --color-bg-color-bg-error: var(--color-brands-owl-owl-red-100);
  --color-bg-color-bg-header: var(--color-brands-owl-owl-brand);
  --color-bg-color-bg-info: var(--color-brands-owl-owl-blue-200);
  --color-bg-color-bg-info-subtle: var(--color-brands-owl-owl-blue-50);
  --color-bg-color-bg-link-active: var(--color-brands-owl-owl-blue-200);
  --color-bg-color-bg-link-active-menu: var(--color-brands-owl-owl-white);
  --color-bg-color-bg-link-hover: var(--color-brands-owl-owl-gray-200);
  --color-bg-color-bg-menu: var(--color-general-color-brand);
  --color-bg-color-bg-menu-notifications: var(--color-brands-owl-owl-red-500);
  --color-bg-color-bg-more-subtle: var(--color-green-green-500);
  --color-bg-color-bg-select: var(--color-general-color-white);
  --color-bg-color-bg-success: var(--color-brands-owl-owl-green-50);
  --color-bg-color-bg-table-header: var(--color-brands-owl-owl-gray-100);
  --color-bg-color-bg-tag: var(--color-brands-owl-owl-gray-700);
  --color-bg-color-bg-tag-afternoon-babysitting: var(--color-brands-owl-owl-yellow-500);
  --color-bg-color-bg-tag-babysitting: var(--color-pink-pink-500);
  --color-bg-color-bg-tag-event: var(--color-brands-owl-owl-purple);
  --color-bg-color-bg-tag-extracurricular-activity: var(--color-brands-owl-owl-brand);
  --color-bg-color-bg-tag-grading: var(--color-general-color-brand);
  --color-bg-color-bg-tag-half-hour: var(--color-brands-owl-owl-green-700);
  --color-bg-color-bg-tag-in-progress: var(--color-brands-owl-owl-green-600);
  --color-bg-color-bg-tag-inactive: var(--color-brands-owl-owl-gray-100);
  --color-bg-color-bg-tag-lesson-canceled: var(--color-brands-owl-owl-red-600);
  --color-bg-color-bg-tag-lesson-no-lesson: var(--color-brands-owl-owl-orange-300);
  --color-bg-color-bg-tag-more-events: var(--color-brands-owl-owl-gray-700);
  --color-bg-color-bg-tag-morning-babysitting: var(--color-brands-owl-owl-green-400);
  --color-bg-color-bg-tag-notification: var(--color-brands-owl-owl-red-600);
  --color-bg-color-bg-tag-observation: var(--color-brands-owl-owl-green-400);
  --color-bg-color-bg-tag-parent-teacher-hours: var(--color-teal-teal-500);
  --color-bg-color-bg-tag-pre-grading: var(--color-brands-owl-owl-blue-500);
  --color-bg-color-bg-tag-substitution: var(--color-brands-owl-owl-blue-500);
  --color-bg-color-bg-warning: var(--color-brands-owl-owl-yellow-100);
  --color-bg-grade-inactive: var(--color-bg-bg-inactive);
  --color-bg-grade-inactive-connection: var(--color-bg-bg-inactive);
  --color-bg-homework-done: var(--color-bg-color-bg-success);
  --color-bg-homework-incomplete: var(--color-brands-owl-owl-white);
  --color-bg-homework-not-done: var(--color-bg-color-bg-error);
  --color-bg-homework-not-reviewed: var(--color-bg-color-bg-info-subtle);
  --color-bg-homework-wrong: var(--system-msg-warning-color-bg);
  --color-bg-button-color-bg-button-disabled: var(--color-brands-owl-owl-gray-200);
  --color-bg-button-create-active: var(--color-brands-owl-owl-green-600);
  --color-bg-button-create-default: var(--color-brands-owl-owl-green-400);
  --color-bg-button-create-disabled: var(--color-brands-owl-owl-green-100);
  --color-bg-button-create-focus: var(--color-brands-owl-owl-green-400);
  --color-bg-button-create-hover: var(--color-brands-owl-owl-green-600);
  --color-bg-button-create-loading: var(--color-brands-owl-owl-green-400);
  --color-bg-button-danger-primary-active: var(--color-bg-button-danger-primary-default);
  --color-bg-button-danger-primary-default: var(--color-text-color-text-danger);
  --color-bg-button-danger-primary-focus: var(--color-bg-button-danger-primary-default);
  --color-bg-button-danger-primary-hover: var(--color-brands-owl-owl-red-800);
  --color-bg-button-danger-secondary-active: var(--color-bg-button-danger-secondary-default);
  --color-bg-button-danger-secondary-default: var(--color-general-color-transparent);
  --color-bg-button-danger-secondary-focus: var(--color-bg-button-danger-secondary-default);
  --color-bg-button-danger-secondary-hover: var(--color-bg-button-danger-secondary-default);
  --color-bg-button-delete-active: var(--color-brands-owl-owl-transparent);
  --color-bg-button-delete-default: var(--color-brands-owl-owl-transparent);
  --color-bg-button-delete-disabled: var(--color-brands-owl-owl-transparent);
  --color-bg-button-delete-focus: var(--color-brands-owl-owl-transparent);
  --color-bg-button-delete-hover: var(--color-brands-owl-owl-gray-100);
  --color-bg-button-delete-loading: var(--color-brands-owl-owl-transparent);
  --color-bg-button-edit-active: var(--color-brands-owl-owl-transparent);
  --color-bg-button-edit-default: var(--color-brands-owl-owl-transparent);
  --color-bg-button-edit-disabled: var(--color-brands-owl-owl-transparent);
  --color-bg-button-edit-focus: var(--color-brands-owl-owl-transparent);
  --color-bg-button-edit-hover: var(--color-brands-owl-owl-transparent);
  --color-bg-button-edit-loading: var(--color-brands-owl-owl-transparent);
  --color-bg-button-error-primary-active: var(--color-bg-button-danger-primary-default);
  --color-bg-button-error-primary-default: var(--color-text-color-text-danger);
  --color-bg-button-error-primary-focus: var(--color-bg-button-danger-primary-default);
  --color-bg-button-error-primary-hover: var(--color-brands-owl-owl-red-800);
  --color-bg-button-error-secondary-active: var(--color-bg-button-danger-secondary-default);
  --color-bg-button-error-secondary-default: var(--color-general-color-transparent);
  --color-bg-button-error-secondary-focus: var(--color-bg-button-danger-secondary-default);
  --color-bg-button-error-secondary-hover: var(--color-bg-button-danger-secondary-default);
  --color-bg-button-info-primary-active: var(--color-bg-button-info-primary-default);
  --color-bg-button-info-primary-default: var(--color-text-color-text-info);
  --color-bg-button-info-primary-focus: var(--color-bg-button-info-primary-default);
  --color-bg-button-info-primary-hover: var(--color-sky-sky-800);
  --color-bg-button-info-secondary-active: var(--color-bg-button-info-secondary-default);
  --color-bg-button-info-secondary-default: var(--color-general-color-transparent);
  --color-bg-button-info-secondary-focus: var(--color-bg-button-info-secondary-default);
  --color-bg-button-info-secondary-hover: var(--color-bg-button-info-secondary-default);
  --color-bg-button-primary-active: var(--color-brands-owl-owl-brand);
  --color-bg-button-primary-default: var(--color-general-color-brand);
  --color-bg-button-primary-disabled: var(--color-brands-owl-owl-blue-200);
  --color-bg-button-primary-focus: var(--color-brands-owl-owl-blue-500);
  --color-bg-button-primary-hover: var(--color-brands-owl-owl-blue-500);
  --color-bg-button-primary-loading: var(--color-brands-owl-owl-blue-600);
  --color-bg-button-secondary-active: var(--color-brands-owl-owl-gray-300);
  --color-bg-button-secondary-default: var(--color-brands-owl-owl-gray-200);
  --color-bg-button-secondary-disabled: var(--color-brands-owl-owl-gray-100);
  --color-bg-button-secondary-focus: var(--color-brands-owl-owl-gray-300);
  --color-bg-button-secondary-hover: var(--color-brands-owl-owl-gray-300);
  --color-bg-button-secondary-loading: var(--color-brands-owl-owl-gray-100);
  --color-bg-button-success-primary-active: var(--color-bg-button-success-primary-default);
  --color-bg-button-success-primary-default: var(--color-text-color-text-success);
  --color-bg-button-success-primary-focus: var(--color-bg-button-success-primary-default);
  --color-bg-button-success-primary-hover: var(--color-brands-owl-owl-green-800);
  --color-bg-button-success-secondary-active: var(--color-bg-button-success-secondary-default);
  --color-bg-button-success-secondary-default: var(--color-general-color-transparent);
  --color-bg-button-success-secondary-focus: var(--color-bg-button-success-secondary-default);
  --color-bg-button-success-secondary-hover: var(--color-bg-button-success-secondary-default);
  --color-bg-button-warning-primary-active: var(--color-bg-button-warning-primary-default);
  --color-bg-button-warning-primary-default: var(--color-text-color-text-warning);
  --color-bg-button-warning-primary-focus: var(--color-bg-button-warning-primary-default);
  --color-bg-button-warning-primary-hover: var(--color-brands-owl-owl-yellow-900);
  --color-bg-button-warning-secondary-active: var(--color-bg-button-warning-secondary-default);
  --color-bg-button-warning-secondary-default: var(--color-general-color-transparent);
  --color-bg-button-warning-secondary-focus: var(--color-bg-button-warning-secondary-default);
  --color-bg-button-warning-secondary-hover: var(--color-bg-button-warning-secondary-default);
  --color-bg-com-message-card-selected-default: var(--color-bg-color-bg-accent);
  --color-bg-com-message-card-selected-focus: var(--color-bg-color-bg-accent);
  --color-bg-com-message-card-unselected-default: var(--color-general-color-white);
  --color-bg-com-message-card-unselected-focus: var(--color-bg-bg-com-message-card-unselected-hover);
  --color-bg-com-message-card-unselected-hover: var(--color-bg-bg-nav-item-unselected-default);
  --color-bg-com-message-card-unselected-pressed: var(--color-brands-owl-owl-blue-200);
  --color-bg-input-disabled-active: var(--color-bg-input-disabled-inactive);
  --color-bg-input-disabled-error: var(--color-bg-input-disabled-inactive);
  --color-bg-input-disabled-focus: var(--color-bg-input-disabled-inactive);
  --color-bg-input-disabled-hover: var(--color-bg-input-disabled-inactive);
  --color-bg-input-disabled-inactive: var(--color-bg-input-enabled-inactive);
  --color-bg-input-disabled-indeterminate: var(--color-bg-input-disabled-inactive);
  --color-bg-input-disabled-success: var(--color-bg-input-disabled-inactive);
  --color-bg-input-enabled-active: var(--color-bg-input-enabled-inactive);
  --color-bg-input-enabled-error: var(--color-bg-input-enabled-inactive);
  --color-bg-input-enabled-focus: var(--color-bg-input-enabled-inactive);
  --color-bg-input-enabled-hover: var(--color-bg-input-enabled-inactive);
  --color-bg-input-enabled-inactive: var(--color-general-color-white);
  --color-bg-input-enabled-indeterminate: var(--color-bg-input-enabled-inactive);
  --color-bg-input-enabled-success: var(--color-bg-input-enabled-inactive);
  --color-bg-input-wide-check-absent-focus: var(--color-bg-input-wide-check-absent-hover);
  --color-bg-input-wide-check-absent-hover: var(--color-brands-owl-owl-red-200);
  --color-bg-input-wide-check-absent-inactive: var(--color-brands-owl-owl-red-100);
  --color-bg-input-wide-check-absent-not-selected-default: var(--color-bg-input-wide-check-not-selected-enabled-inactive);
  --color-bg-input-wide-check-absent-not-selected-focus: var(--color-bg-input-wide-check-absent-not-selected-default);
  --color-bg-input-wide-check-absent-not-selected-hover: var(--color-bg-input-wide-check-absent-not-selected-default);
  --color-bg-input-wide-check-absent-selected-default: var(--color-bg-color-bg-error);
  --color-bg-input-wide-check-absent-selected-focus: var(--color-brands-owl-owl-red-500);
  --color-bg-input-wide-check-absent-selected-hover: var(--color-brands-owl-owl-red-200);
  --color-bg-input-wide-check-not-selected-enabled-focus: var(--color-general-color-white);
  --color-bg-input-wide-check-not-selected-enabled-hover: var(--color-bg-bg-wide-check-inactive-default);
  --color-bg-input-wide-check-not-selected-enabled-inactive: var(--color-general-color-white);
  --color-bg-input-wide-check-present-not-selected-default: var(--color-bg-input-wide-check-absent-not-selected-default);
  --color-bg-input-wide-check-present-not-selected-focus: var(--color-bg-input-wide-check-absent-not-selected-default);
  --color-bg-input-wide-check-present-not-selected-hover: var(--color-bg-input-wide-check-absent-not-selected-default);
  --color-bg-input-wide-check-present-selected-default: var(--color-bg-color-bg-success);
  --color-bg-input-wide-check-present-selected-focus: var(--color-brands-owl-owl-green-600);
  --color-bg-input-wide-check-present-selected-hover: var(--color-brands-owl-owl-green-100);
  --color-bg-input-wide-check-selected-enabled-focus: var(--color-bg-input-wide-check-selected-enabled-hover);
  --color-bg-input-wide-check-selected-enabled-hover: var(--color-brands-owl-owl-blue-100);
  --color-bg-input-wide-check-selected-enabled-inactive: var(--color-brands-owl-owl-blue-50);
  --color-bg-input-wide-radio-active: var(--color-bg-input-wide-radio-default);
  --color-bg-input-wide-radio-default: var(--input-color-bg-default);
  --color-bg-input-wide-radio-disabled: var(--color-bg-input-wide-radio-default);
  --color-bg-input-wide-radio-focus: var(--color-bg-input-wide-radio-default);
  --color-bg-input-wide-radio-hover: var(--color-bg-input-wide-radio-default);
  --color-bg-menu-menu: var(--color-general-color-white);
  --color-bg-menu-menu-collapse-button-focus: var(--color-bg-menu-menu-collapse-button-hover);
  --color-bg-menu-menu-collapse-button-hover: var(--color-bg-color-bg-accent);
  --color-bg-menu-menu-collapse-button-inactive: var(--color-bg-menu-menu);
  --color-bg-menu-menu-fav-bar: var(--color-bg-bg-menu);
  --color-bg-menu-menu-fav-item: var(--color-bg-color-bg);
  --color-bg-menu-menu-item-active: var(--color-bg-color-bg-link-active-menu);
  --color-bg-menu-menu-item-collapsed: var(--color-bg-menu-menu-item-inactive);
  --color-bg-menu-menu-item-disabled: var(--color-bg-menu-menu-item-inactive);
  --color-bg-menu-menu-item-expanded: var(--color-bg-menu-menu-item-inactive);
  --color-bg-menu-menu-item-focus: var(--color-bg-menu-menu-item-inactive);
  --color-bg-menu-menu-item-hover: var(--color-bg-color-bg-link-hover);
  --color-bg-menu-menu-item-icon-disabled: var(--color-text-menu-menu-item-name-disabled);
  --color-bg-menu-menu-item-inactive: var(--color-bg-menu-menu);
  --color-bg-menu-menu-sub-item-active: var(--color-bg-menu-menu-item-active);
  --color-bg-menu-menu-sub-item-disabled: var(--color-bg-menu-menu-item-disabled);
  --color-bg-menu-menu-sub-item-focus: var(--color-bg-menu-menu-item-focus);
  --color-bg-menu-menu-sub-item-hover: var(--color-bg-menu-menu-item-hover);
  --color-bg-menu-menu-sub-item-inactive: var(--color-bg-menu-menu-item-inactive);
  --color-bg-system-msg-danger: var(--color-brands-owl-owl-red-100);
  --color-bg-system-msg-error: var(--color-brands-owl-owl-red-100);
  --color-bg-system-msg-info: var(--color-brands-owl-owl-blue-200);
  --color-bg-system-msg-success: var(--color-brands-owl-owl-green-50);
  --color-bg-system-msg-warning: var(--color-brands-owl-owl-yellow-100);
  --color-bg-table-cell-afternoon-babysitting: var(--color-brands-owl-owl-blue-100);
  --color-bg-table-cell-babysitting: var(--color-brands-owl-owl-blue-100);
  --color-bg-table-cell-blue: var(--color-pink-pink-500);
  --color-bg-table-cell-even: var(--color-brands-owl-owl-white);
  --color-bg-table-cell-event: var(--color-brands-owl-owl-blue-100);
  --color-bg-table-cell-extracurricular-activity: var(--color-brands-owl-owl-blue-100);
  --color-bg-table-cell-green: var(--color-red-red-500);
  --color-bg-table-cell-holiday: var(--color-brands-owl-owl-green-100);
  --color-bg-table-cell-hover: var(--color-brands-owl-owl-gray-100);
  --color-bg-table-cell-inactive: var(--color-bg-bg-inactive);
  --color-bg-table-cell-lesson: var(--color-brands-owl-owl-blue-100);
  --color-bg-table-cell-lesson-canceled: var(--color-brands-owl-owl-gray-50);
  --color-bg-table-cell-lesson-finished: var(--color-brands-owl-owl-green-50);
  --color-bg-table-cell-morning-babysitting: var(--color-brands-owl-owl-blue-100);
  --color-bg-table-cell-observation: var(--color-brands-owl-owl-blue-100);
  --color-bg-table-cell-odd: var(--color-brands-owl-owl-gray-50);
  --color-bg-table-cell-parent-teacher-hours: var(--color-brands-owl-owl-blue-100);
  --color-bg-table-cell-pink: var(--color-pink-pink-500);
  --color-bg-table-cell-red: var(--color-red-red-100);
  --color-bg-table-cell-result: var(--color-brands-owl-owl-gray-100);
  --color-bg-table-cell-selected: var(--color-bg-color-bg-link-active-menu);
  --color-bg-table-cell-substitution: var(--color-brands-owl-owl-orange-100);
  --color-bg-table-cell-teal: var(--color-sky-sky-300);
  --color-bg-table-cell-violet: var(--color-orange-orange-500);
  --color-bg-table-cell-yellow: var(--color-violet-violet-500);
  --color-bg-table-header: var(--color-brands-owl-owl-gray-100);
  --color-bg-table-table: var(--color-general-color-white);
  --color-bg-tag-afternoon-babysitting: var(--color-yellow-yellow-500);
  --color-bg-tag-announced-absence: var(--color-solutions-color-absences);
  --color-bg-tag-babysitting: var(--color-pink-pink-500);
  --color-bg-tag-default: var(--color-violet-violet-600);
  --color-bg-tag-dsp: var(--color-sky-sky-600);
  --color-bg-tag-event: var(--color-brands-owl-owl-purple);
  --color-bg-tag-extracurricular-activity: var(--color-red-red-600);
  --color-bg-tag-grading: var(--color-green-green-500);
  --color-bg-tag-half-hour: var(--color-green-green-700);
  --color-bg-tag-in-progress: var(--color-green-green-600);
  --color-bg-tag-inactive: var(--color-yellow-yellow-300);
  --color-bg-tag-isp: var(--color-brands-owl-owl-orange-100);
  --color-bg-tag-lesson-canceled: var(--color-brands-owl-owl-red-600);
  --color-bg-tag-lesson-no-lesson: var(--color-brands-owl-owl-orange-300);
  --color-bg-tag-more-events: var(--color-pink-pink-600);
  --color-bg-tag-morning-babysitting: var(--color-green-green-500);
  --color-bg-tag-negative: var(--color-red-red-600);
  --color-bg-tag-notification: var(--color-red-red-600);
  --color-bg-tag-observation: var(--color-brands-owl-owl-green-400);
  --color-bg-tag-parent-teacher-hours: var(--color-teal-teal-500);
  --color-bg-tag-pre-grading: var(--color-red-red-400);
  --color-bg-tag-school: var(--color-brands-owl-owl-blue-500);
  --color-bg-tag-substitution: var(--color-sky-sky-500);
  --color-bg-tag-work-hours: var(--color-brands-owl-owl-orange-300);
  --color-bg-toggle-handle-active: var(--color-general-color-white);
  --color-bg-toggle-handle-default: var(--color-general-color-white);
  --color-bg-toggle-handle-disabled: var(--color-general-color-white);
  --color-bg-toggle-track-active: var(--color-brands-owl-owl-brand);
  --color-bg-toggle-track-active-disabled: var(--color-brands-owl-owl-blue-200);
  --color-bg-toggle-track-default: var(--color-brands-owl-owl-gray-400);
  --color-bg-toggle-track-default-disabled: var(--color-brands-owl-owl-gray-200);
  --color-bg-toggle-track-inactive: var(--color-brands-owl-owl-red-400);
  --color-border-border-accordion: var(--color-border-color-border);
  --color-border-border-attach: var(--color-border-color-border);
  --color-border-border-com-message-card-selected-focus: var(--color-general-color-white);
  --color-border-border-com-message-card-unselected-focus: var(--color-border-color-border-accent);
  --color-border-border-link-focus: var(--color-border-button-secondary-active);
  --color-border-border-nav: var(--color-border-color-border);
  --color-border-border-nav-item-unselected-focus: var(--color-border-color-border-accent);
  --color-border-border-nav-segment-active: var(--color-brands-owl-owl-brand);
  --color-border-border-photo-upload: var(--color-border-color-border);
  --color-border-border-progress-bar: var(--color-border-color-border);
  --color-border-border-table: var(--color-border-color-border);
  --color-border-border-table-cell-selected: var(--color-border-color-border-accent);
  --color-border-border-wide-check-absent: var(--color-brands-owl-owl-red-500);
  --color-border-border-wide-check-active-default: var(--color-border-color-border-accent);
  --color-border-border-wide-check-active-focus: var(--color-brands-owl-owl-blue-600);
  --color-border-border-wide-check-active-hover: var(--color-brands-owl-owl-blue-600);
  --color-border-border-wide-check-active-locked: var(--color-brands-owl-owl-gray-300);
  --color-border-border-wide-check-inactive-default: var(--color-border-border-nav);
  --color-border-border-wide-check-inactive-focus: var(--color-border-button-primary-focus);
  --color-border-border-wide-check-inactive-hover: var(--color-bg-bg-wide-check-inactive-default);
  --color-border-color-border: var(--color-brands-owl-owl-gray-300);
  --color-border-color-border-accent: var(--color-general-color-brand);
  --color-border-color-border-accent-subtle: var(--color-brands-owl-owl-blue-500);
  --color-border-color-border-active: var(--color-green-green-700);
  --color-border-color-border-card: var(--color-brands-owl-owl-gray-300);
  --color-border-color-border-danger: var(--color-red-red-600);
  --color-border-color-border-disabled: var(--color-brands-owl-owl-gray-200);
  --color-border-color-border-error: var(--color-brands-owl-owl-red-200);
  --color-border-color-border-info: var(--color-text-color-text-info);
  --color-border-color-border-info-subtle: var(--color-brands-owl-owl-blue-200);
  --color-border-color-border-input: var(--color-brands-owl-owl-gray-300);
  --color-border-color-border-success: var(--color-brands-owl-owl-green-600);
  --color-border-color-border-tab-active: var(--color-brands-owl-owl-brand);
  --color-border-color-border-warning: var(--color-text-color-text-warning);
  --color-border-grade-inactive: var(--color-border-color-border);
  --color-border-homework-done: var(--color-border-color-border-success);
  --color-border-homework-incomplete: var(--color-violet-violet-600);
  --color-border-homework-not-done: var(--color-border-color-border-error);
  --color-border-homework-not-reviewed: var(--color-border-color-border);
  --color-border-homework-wrong: var(--color-border-color-border-warning);
  --color-border-selected: var(--color-border-color-border-accent);
  --color-border-button-create-active: var(--color-border-button-create-hover);
  --color-border-button-create-default: var(--color-bg-button-create-default);
  --color-border-button-create-disabled: var(--color-bg-button-create-disabled);
  --color-border-button-create-focus: var(--color-border-button-create-hover);
  --color-border-button-create-hover: var(--color-bg-button-create-hover);
  --color-border-button-create-loading: var(--color-border-button-create-hover);
  --color-border-button-danger-primary-active: var(--color-border-button-danger-primary-hover);
  --color-border-button-danger-primary-default: var(--color-text-color-text-danger);
  --color-border-button-danger-primary-focus: var(--color-border-button-danger-primary-hover);
  --color-border-button-danger-primary-hover: var(--color-brands-owl-owl-red-700);
  --color-border-button-danger-secondary-active: var(--color-border-button-danger-primary-active);
  --color-border-button-danger-secondary-default: var(--color-border-button-danger-primary-default);
  --color-border-button-danger-secondary-focus: var(--color-border-button-danger-primary-focus);
  --color-border-button-danger-secondary-hover: var(--color-border-button-danger-primary-hover);
  --color-border-button-delete-active: var(--color-border-button-delete-default);
  --color-border-button-delete-default: var(--color-basic-transparent);
  --color-border-button-delete-disabled: var(--color-border-button-delete-default);
  --color-border-button-delete-focus: var(--color-text-button-delete-default);
  --color-border-button-delete-hover: var(--color-border-button-delete-default);
  --color-border-button-delete-loading: var(--color-border-button-delete-default);
  --color-border-button-edit-active: var(--color-border-button-edit-default);
  --color-border-button-edit-default: var(--color-basic-transparent);
  --color-border-button-edit-disabled: var(--color-border-button-edit-default);
  --color-border-button-edit-focus: var(--color-brands-owl-owl-brand);
  --color-border-button-edit-hover: var(--color-border-button-edit-default);
  --color-border-button-edit-loading: var(--color-border-button-edit-default);
  --color-border-button-error-primary-active: var(--color-border-button-danger-primary-hover);
  --color-border-button-error-primary-default: var(--color-text-color-text-danger);
  --color-border-button-error-primary-focus: var(--color-border-button-danger-primary-hover);
  --color-border-button-error-primary-hover: var(--color-brands-owl-owl-red-800);
  --color-border-button-error-secondary-active: var(--color-border-button-danger-primary-active);
  --color-border-button-error-secondary-default: var(--color-border-button-danger-primary-default);
  --color-border-button-error-secondary-focus: var(--color-border-button-danger-primary-focus);
  --color-border-button-error-secondary-hover: var(--color-border-button-danger-primary-hover);
  --color-border-button-info-primary-active: var(--color-border-button-info-primary-hover);
  --color-border-button-info-primary-default: var(--color-bg-button-info-primary-default);
  --color-border-button-info-primary-focus: var(--color-border-button-info-primary-hover);
  --color-border-button-info-primary-hover: var(--color-bg-button-info-primary-hover);
  --color-border-button-info-secondary-active: var(--color-border-button-info-primary-active);
  --color-border-button-info-secondary-default: var(--color-border-button-info-primary-default);
  --color-border-button-info-secondary-focus: var(--color-border-button-info-primary-focus);
  --color-border-button-info-secondary-hover: var(--color-border-button-info-primary-hover);
  --color-border-button-primary-active: var(--color-brands-owl-owl-blue-600);
  --color-border-button-primary-default: var(--color-bg-button-primary-default);
  --color-border-button-primary-disabled: var(--color-bg-button-primary-disabled);
  --color-border-button-primary-focus: var(--color-brands-owl-owl-blue-600);
  --color-border-button-primary-hover: var(--color-bg-button-primary-hover);
  --color-border-button-primary-loading: var(--color-brands-owl-owl-blue-600);
  --color-border-button-secondary-active: var(--color-brands-owl-owl-gray-300);
  --color-border-button-secondary-default: var(--color-brands-owl-owl-gray-200);
  --color-border-button-secondary-disabled: var(--color-brands-owl-owl-gray-100);
  --color-border-button-secondary-focus: var(--color-brands-owl-owl-gray-500);
  --color-border-button-secondary-hover: var(--color-brands-owl-owl-gray-300);
  --color-border-button-secondary-loading: var(--color-brands-owl-owl-gray-300);
  --color-border-button-success-primary-active: var(--color-border-button-success-primary-hover);
  --color-border-button-success-primary-default: var(--color-bg-button-success-primary-default);
  --color-border-button-success-primary-focus: var(--color-border-button-success-primary-hover);
  --color-border-button-success-primary-hover: var(--color-bg-button-success-primary-hover);
  --color-border-button-success-secondary-active: var(--color-border-button-success-primary-active);
  --color-border-button-success-secondary-default: var(--color-border-button-success-primary-default);
  --color-border-button-success-secondary-focus: var(--color-border-button-success-primary-focus);
  --color-border-button-success-secondary-hover: var(--color-border-button-success-primary-hover);
  --color-border-button-warning-primary-active: var(--color-border-button-warning-primary-hover);
  --color-border-button-warning-primary-default: var(--color-bg-button-warning-primary-default);
  --color-border-button-warning-primary-focus: var(--color-border-button-warning-primary-hover);
  --color-border-button-warning-primary-hover: var(--color-brands-owl-owl-yellow-900);
  --color-border-button-warning-secondary-active: var(--color-border-button-warning-primary-active);
  --color-border-button-warning-secondary-default: var(--color-border-button-warning-primary-default);
  --color-border-button-warning-secondary-focus: var(--color-border-button-warning-primary-focus);
  --color-border-button-warning-secondary-hover: var(--color-border-button-warning-primary-hover);
  --color-border-input-disabled-active: var(--color-border-input-disabled-inactive);
  --color-border-input-disabled-error: var(--color-border-input-disabled-inactive);
  --color-border-input-disabled-focus: var(--color-border-input-disabled-inactive);
  --color-border-input-disabled-hover: var(--color-border-input-disabled-inactive);
  --color-border-input-disabled-inactive: var(--color-border-color-border-disabled);
  --color-border-input-disabled-indeterminate: var(--color-border-input-disabled-inactive);
  --color-border-input-disabled-success: var(--color-border-input-disabled-inactive);
  --color-border-input-enabled-active: var(--color-brands-owl-owl-gray-300);
  --color-border-input-enabled-error: var(--color-border-color-border-error);
  --color-border-input-enabled-focus: var(--color-border-color-border-accent);
  --color-border-input-enabled-hover: var(--color-border-color-border-accent-subtle);
  --color-border-input-enabled-inactive: var(--color-border-color-border);
  --color-border-input-enabled-indeterminate: var(--color-border-input-enabled-inactive);
  --color-border-input-enabled-success: var(--color-border-input-enabled-inactive);
  --color-border-input-wide-check-absent-focus: var(--color-border-input-wide-check-absent-inactive);
  --color-border-input-wide-check-absent-hover: var(--color-border-input-wide-check-absent-inactive);
  --color-border-input-wide-check-absent-inactive: var(--color-border-color-border-error);
  --color-border-input-wide-check-absent-not-selected-default: var(--color-border-input-wide-check-not-selected-enabled-inactive);
  --color-border-input-wide-check-absent-not-selected-focus: var(--color-border-input-wide-check-absent-selected-default);
  --color-border-input-wide-check-absent-not-selected-hover: var(--color-border-input-wide-check-absent-not-selected-default);
  --color-border-input-wide-check-absent-selected-default: var(--color-border-input-enabled-error);
  --color-border-input-wide-check-absent-selected-focus: var(--color-border-input-wide-check-absent-selected-default);
  --color-border-input-wide-check-absent-selected-hover: var(--color-border-input-wide-check-absent-selected-default);
  --color-border-input-wide-check-not-selected-enabled-focus: var(--color-border-button-primary-focus);
  --color-border-input-wide-check-not-selected-enabled-hover: var(--color-text-button-secondary-focus);
  --color-border-input-wide-check-not-selected-enabled-inactive: var(--color-border-border-nav);
  --color-border-input-wide-check-present-not-selected-default: var(--color-border-input-wide-check-not-selected-enabled-inactive);
  --color-border-input-wide-check-present-not-selected-focus: var(--color-border-input-wide-check-present-selected-default);
  --color-border-input-wide-check-present-not-selected-hover: var(--color-border-input-wide-check-present-not-selected-default);
  --color-border-input-wide-check-present-selected-default: var(--color-border-button-success-primary-default);
  --color-border-input-wide-check-present-selected-focus: var(--color-border-input-wide-check-present-selected-default);
  --color-border-input-wide-check-present-selected-hover: var(--color-border-input-wide-check-present-selected-default);
  --color-border-input-wide-check-selected-enabled-focus: var(--color-brands-owl-owl-blue-600);
  --color-border-input-wide-check-selected-enabled-hover: var(--color-brands-owl-owl-blue-600);
  --color-border-input-wide-check-selected-enabled-inactive: var(--color-brands-owl-owl-blue-600);
  --color-border-input-wide-radio-active: var(--color-border-input-enabled-focus);
  --color-border-input-wide-radio-default: var(--color-border-input-enabled-inactive);
  --color-border-input-wide-radio-disabled: var(--color-brands-owl-owl-gray-100);
  --color-border-input-wide-radio-focus: var(--color-border-input-enabled-focus);
  --color-border-input-wide-radio-hover: var(--color-border-input-enabled-focus);
  --color-border-menu-menu: var(--color-border-color-border);
  --color-border-menu-menu-collapse-button-focus: var(--color-border-button-primary-focus);
  --color-border-menu-menu-collapse-button-hover: var(--color-bg-menu-menu-collapse-button-hover);
  --color-border-menu-menu-collapse-button-inactive: var(--color-border-menu-menu);
  --color-border-menu-menu-divider: var(--color-border-color-border);
  --color-border-menu-menu-fav-bar: var(--color-bg-menu-menu-fav-bar);
  --color-border-menu-menu-fav-item-focus: var(--color-icon-menu-menu-fav-item-focus);
  --color-border-menu-menu-fav-item-hover: var(--color-bg-menu-menu-fav-item);
  --color-border-menu-menu-fav-item-inactive: var(--color-bg-menu-menu-fav-item);
  --color-border-menu-menu-item-active: var(--color-bg-menu-menu-item-active);
  --color-border-menu-menu-item-collapsed: var(--color-bg-menu-menu-item-collapsed);
  --color-border-menu-menu-item-disabled: var(--color-bg-menu-menu-item-disabled);
  --color-border-menu-menu-item-expanded: var(--color-bg-menu-menu-item-expanded);
  --color-border-menu-menu-item-focus: var(--color-border-button-secondary-focus);
  --color-border-menu-menu-item-hover: var(--color-bg-menu-menu-item-hover);
  --color-border-menu-menu-item-inactive: var(--color-bg-menu-menu-item-inactive);
  --color-border-menu-menu-sub-item-active: var(--color-bg-menu-menu-sub-item-active);
  --color-border-menu-menu-sub-item-disabled: var(--color-bg-menu-menu-sub-item-disabled);
  --color-border-menu-menu-sub-item-focus: var(--color-border-menu-menu-item-focus);
  --color-border-menu-menu-sub-item-hover: var(--color-bg-menu-menu-sub-item-hover);
  --color-border-menu-menu-sub-item-inactive: var(--color-bg-menu-menu-sub-item-inactive);
  --color-border-toggle-focus: var(--color-border-color-border-accent);
  --color-border-toggle-track-active: var(--color-bg-toggle-track-active);
  --color-border-toggle-track-active-disabled: var(--color-bg-toggle-track-active-disabled);
  --color-border-toggle-track-default: var(--color-bg-toggle-track-default);
  --color-border-toggle-track-default-disabled: var(--color-bg-toggle-track-default-disabled);
  --color-divider-color-divider: var(--color-brands-owl-owl-gray-200);
  --color-general-color-black: var(--color-brands-owl-owl-black);
  --color-general-color-brand: var(--color-brands-owl-owl-brand);
  --color-general-color-brand-inverse: var(--color-brands-owl-owl-white);
  --color-general-color-transparent: var(--color-brands-owl-owl-transparent);
  --color-general-color-white: var(--color-brands-owl-owl-white);
  --color-icon-absent: var(--color-icon-color-icon-error);
  --color-icon-color-icon: var(--color-brands-owl-owl-gray-500);
  --color-icon-color-icon-accent: var(--color-brands-owl-owl-brand);
  --color-icon-color-icon-accent-inverse: var(--color-brands-owl-owl-white);
  --color-icon-color-icon-create: var(--color-brands-owl-owl-green-400);
  --color-icon-color-icon-danger: var(--color-red-red-700);
  --color-icon-color-icon-delete-remove: var(--color-red-red-700);
  --color-icon-color-icon-disabled: var(--color-brands-owl-owl-gray-500);
  --color-icon-color-icon-error: var(--color-brands-owl-owl-red-600);
  --color-icon-color-icon-inactive: var(--color-brands-owl-owl-gray-700);
  --color-icon-color-icon-info: var(--color-brands-owl-owl-blue-700);
  --color-icon-color-icon-menu: var(--color-basic-white);
  --color-icon-color-icon-select-chevron: var(--color-brands-owl-owl-gray-500);
  --color-icon-color-icon-subtle: var(--color-brands-owl-owl-gray-300);
  --color-icon-color-icon-success: var(--color-brands-owl-owl-green-400);
  --color-icon-color-icon-warning: var(--color-brands-owl-owl-yellow-900);
  --color-icon-homework-done: var(--color-icon-color-icon-success);
  --color-icon-homework-incomplete: var(--color-violet-violet-600);
  --color-icon-homework-not-done: var(--color-icon-color-icon-error);
  --color-icon-homework-not-reviewed: var(--color-icon-color-icon);
  --color-icon-homework-wrong: var(--color-icon-color-icon-warning);
  --color-icon-icon-accordion-chevron: var(--color-icon-color-icon);
  --color-icon-icon-attach: var(--color-icon-color-icon);
  --color-icon-icon-attach-close-hover: var(--color-icon-color-icon-delete-remove);
  --color-icon-icon-attach-close-inactive: var(--color-brands-owl-owl-gray-500);
  --color-icon-icon-breadcrumbs: var(--color-violet-violet-600);
  --color-icon-icon-button-primary: var(--color-general-color-white);
  --color-icon-icon-checkbox-accent: var(--color-brands-owl-owl-brand);
  --color-icon-icon-checkbox-default: var(--color-brands-owl-owl-gray-500);
  --color-icon-icon-checkbox-disabled: var(--color-icon-icon-radio-disabled);
  --color-icon-icon-com-message-card-selected-attachment: var(--color-icon-color-icon-accent-inverse);
  --color-icon-icon-com-message-card-unselected-attachment: var(--color-icon-color-icon-subtle);
  --color-icon-icon-female: var(--color-pink-pink-500);
  --color-icon-icon-female-caretaker: var(--color-pink-pink-700);
  --color-icon-icon-link: var(--color-brands-owl-owl-brand);
  --color-icon-icon-link-active: var(--color-text-text-link-active);
  --color-icon-icon-link-default: var(--color-brands-owl-owl-brand);
  --color-icon-icon-link-disabled: var(--color-text-text-link-disabled);
  --color-icon-icon-link-hover: var(--color-text-text-link-hover);
  --color-icon-icon-male: var(--color-sky-sky-500);
  --color-icon-icon-male-caretaker: var(--color-sky-sky-700);
  --color-icon-icon-nav-default: var(--color-brands-owl-owl-gray-700);
  --color-icon-icon-partial-school-from-home: var(--color-gray-gray-400);
  --color-icon-icon-photo-upload: var(--color-icon-color-icon);
  --color-icon-icon-radio-accent: var(--color-brands-owl-owl-brand);
  --color-icon-icon-radio-default: var(--color-brands-owl-owl-gray-500);
  --color-icon-icon-radio-disabled: var(--color-brands-owl-owl-gray-100);
  --color-icon-icon-school-from-home: var(--color-orange-orange-300);
  --color-icon-icon-wide-check-absent: var(--color-icon-icon-wide-check-inactive-default);
  --color-icon-icon-wide-check-active-default: var(--color-brands-owl-owl-brand);
  --color-icon-icon-wide-check-active-focus: var(--color-icon-icon-button-primary);
  --color-icon-icon-wide-check-active-hover: var(--color-brands-owl-owl-blue-600);
  --color-icon-icon-wide-check-active-locked: var(--color-icon-color-icon-inactive);
  --color-icon-icon-wide-check-inactive-default: var(--color-brands-owl-owl-brand);
  --color-icon-icon-wide-check-inactive-focus: var(--color-brands-owl-owl-brand);
  --color-icon-icon-wide-check-inactive-hover: var(--color-brands-owl-owl-brand);
  --color-icon-button-create-default: var(--color-icon-button-primary-default);
  --color-icon-button-create-disabled: var(--color-text-button-create-disabled);
  --color-icon-button-delete-default: var(--color-brands-owl-owl-red-600);
  --color-icon-button-delete-disabled: var(--color-icon-button-secondary-disabled);
  --color-icon-button-delete-hover: var(--color-brands-owl-owl-red-600);
  --color-icon-button-edit-default: var(--color-brands-owl-owl-brand);
  --color-icon-button-edit-disabled: var(--color-icon-button-secondary-disabled);
  --color-icon-button-edit-hover: var(--color-text-button-edit-hover);
  --color-icon-button-primary-default: var(--color-icon-color-icon-accent-inverse);
  --color-icon-button-primary-disabled: var(--color-text-button-primary-disabled);
  --color-icon-button-secondary-default: var(--color-brands-owl-owl-gray-500);
  --color-icon-button-secondary-disabled: var(--color-text-button-secondary-disabled);
  --color-icon-button-secondary-hover: var(--color-text-button-secondary-hover);
  --color-icon-input-disabled-active: var(--color-icon-input-disabled-inactive);
  --color-icon-input-disabled-error: var(--color-icon-input-disabled-inactive);
  --color-icon-input-disabled-focus: var(--color-icon-input-disabled-inactive);
  --color-icon-input-disabled-hover: var(--color-icon-input-disabled-inactive);
  --color-icon-input-disabled-inactive: var(--color-brands-owl-owl-gray-100);
  --color-icon-input-disabled-indeterminate: var(--color-icon-input-disabled-inactive);
  --color-icon-input-disabled-success: var(--color-icon-input-disabled-inactive);
  --color-icon-input-enabled-active: var(--color-brands-owl-owl-brand);
  --color-icon-input-enabled-error: var(--color-icon-color-icon-error);
  --color-icon-input-enabled-focus: var(--color-brands-owl-owl-brand);
  --color-icon-input-enabled-hover: var(--color-brands-owl-owl-brand);
  --color-icon-input-enabled-inactive: var(--color-brands-owl-owl-gray-500);
  --color-icon-input-enabled-indeterminate: var(--color-brands-owl-owl-brand);
  --color-icon-input-enabled-success: var(--color-icon-color-icon-success);
  --color-icon-input-placeholder: var(--color-text-input-placeholder);
  --color-icon-input-wide-check-absent-focus: var(--color-icon-input-wide-check-absent-inactive);
  --color-icon-input-wide-check-absent-hover: var(--color-icon-input-wide-check-absent-inactive);
  --color-icon-input-wide-check-absent-inactive: var(--color-icon-icon-wide-check-inactive-default);
  --color-icon-input-wide-check-absent-not-selected-default: var(--color-icon-input-enabled-error);
  --color-icon-input-wide-check-absent-not-selected-focus: var(--color-icon-input-wide-check-absent-not-selected-default);
  --color-icon-input-wide-check-absent-not-selected-hover: var(--color-icon-input-wide-check-absent-not-selected-default);
  --color-icon-input-wide-check-absent-selected-default: var(--color-icon-input-wide-check-absent-not-selected-default);
  --color-icon-input-wide-check-absent-selected-focus: var(--color-icon-icon-wide-check-active-focus);
  --color-icon-input-wide-check-absent-selected-hover: var(--color-icon-input-wide-check-absent-not-selected-default);
  --color-icon-input-wide-check-not-selected-enabled-focus: var(--color-icon-input-wide-check-not-selected-enabled-inactive);
  --color-icon-input-wide-check-not-selected-enabled-hover: var(--color-icon-input-wide-check-not-selected-enabled-inactive);
  --color-icon-input-wide-check-not-selected-enabled-inactive: var(--color-brands-owl-owl-brand);
  --color-icon-input-wide-check-present-not-selected-default: var(--color-icon-color-icon-success);
  --color-icon-input-wide-check-present-not-selected-focus: var(--color-icon-input-wide-check-present-not-selected-default);
  --color-icon-input-wide-check-present-not-selected-hover: var(--color-icon-input-wide-check-present-not-selected-default);
  --color-icon-input-wide-check-present-selected-default: var(--color-icon-input-wide-check-present-not-selected-default);
  --color-icon-input-wide-check-present-selected-focus: var(--color-icon-icon-wide-check-active-focus);
  --color-icon-input-wide-check-present-selected-hover: var(--color-icon-input-wide-check-present-not-selected-default);
  --color-icon-input-wide-check-selected-enabled-focus: var(--color-icon-input-wide-check-not-selected-enabled-inactive);
  --color-icon-input-wide-check-selected-enabled-hover: var(--color-icon-input-wide-check-not-selected-enabled-inactive);
  --color-icon-input-wide-check-selected-enabled-inactive: var(--color-icon-input-wide-check-not-selected-enabled-inactive);
  --color-icon-input-wide-radio-active: var(--color-icon-input-wide-radio-hover);
  --color-icon-input-wide-radio-default: var(--color-icon-color-icon);
  --color-icon-input-wide-radio-disabled: var(--color-icon-color-icon-disabled);
  --color-icon-input-wide-radio-focus: var(--color-icon-input-wide-radio-hover);
  --color-icon-input-wide-radio-hover: var(--color-icon-color-icon-accent);
  --color-icon-menu-icon-menu-chevron: var(--color-icon-color-icon);
  --color-icon-menu-menu-collapse-button-focus: var(--color-icon-menu-menu-collapse-button-hover);
  --color-icon-menu-menu-collapse-button-hover: var(--color-icon-color-icon-accent-inverse);
  --color-icon-menu-menu-collapse-button-inactive: var(--color-icon-color-icon-inactive);
  --color-icon-menu-menu-fav-item-focus: var(--color-icon-menu-menu-fav-item-hover);
  --color-icon-menu-menu-fav-item-hover: var(--color-icon-menu-menu-sub-item-icon-active);
  --color-icon-menu-menu-fav-item-inactive: var(--color-icon-color-icon-disabled);
  --color-icon-menu-menu-item-icon: var(--color-basic-white);
  --color-icon-menu-menu-sub-item-icon-active: var(--color-icon-color-icon-accent);
  --color-icon-menu-menu-sub-item-icon-inactive: var(--color-icon-color-icon-disabled);
  --color-icon-toggle-active: var(--color-icon-color-icon-accent);
  --color-icon-toggle-active-disabled: var(--color-brands-owl-owl-blue-200);
  --color-icon-toggle-default: var(--color-icon-color-icon-subtle);
  --color-icon-toggle-default-disabled: var(--color-brands-owl-owl-gray-50);
  --color-progress-bar-color-bg-progress-bar: var(--color-gray-gray-300);
  --color-progress-bar-color-progress-1: var(--color-red-red-500);
  --color-progress-bar-color-progress-2: var(--color-orange-orange-500);
  --color-progress-bar-color-progress-3: var(--color-yellow-yellow-500);
  --color-progress-bar-color-progress-4: var(--color-green-green-500);
  --color-progress-bar-color-progress-5: var(--color-green-green-300);
  --color-progress-bar-color-progress-bar: var(--color-general-color-brand);
  --color-shadow-color-shadow: var(--color-brands-owl-owl-transparent);
  --color-slider-slider-handle: var(--color-brands-owl-owl-gray-400);
  --color-slider-slider-on-scroll: var(--color-brands-owl-owl-gray-300);
  --color-slider-slider-rail: var(--color-brands-owl-owl-gray-200);
  --color-solutions-color-absences: var(--color-orange-orange-600);
  --color-solutions-color-accountant: var(--color-brands-owl-owl-green-600);
  --color-solutions-color-annual-prepartion: var(--color-yellow-yellow-500);
  --color-solutions-color-assessments: var(--color-violet-violet-600);
  --color-solutions-color-caretaker: var(--color-teal-teal-500);
  --color-solutions-color-class-teacher: var(--color-brands-owl-owl-green-400);
  --color-solutions-color-communication: var(--color-brands-owl-owl-blue-600);
  --color-solutions-color-consents: var(--color-teal-teal-600);
  --color-solutions-color-contracts: var(--color-brands-owl-owl-green-700);
  --color-solutions-color-cooperation: var(--color-brands-owl-owl-yellow-500);
  --color-solutions-color-designated-teachers: var(--color-sky-sky-600);
  --color-solutions-color-document-management: var(--color-brands-owl-owl-gray-500);
  --color-solutions-color-enrollment: var(--color-sky-sky-500);
  --color-solutions-color-exams: var(--color-brands-owl-owl-gray-500);
  --color-solutions-color-extra-activities: var(--color-yellow-yellow-400);
  --color-solutions-color-grades: var(--color-brands-owl-owl-purple);
  --color-solutions-color-headmaster: var(--color-brands-owl-owl-blue-700);
  --color-solutions-color-help: var(--color-red-red-300);
  --color-solutions-color-homepage: var(--color-brands-owl-owl-gray-700);
  --color-solutions-color-homework: var(--color-brands-owl-owl-yellow-900);
  --color-solutions-color-journal: var(--color-brands-owl-owl-brand);
  --color-solutions-color-logout: var(--color-gray-gray-400);
  --color-solutions-color-matura: var(--color-brands-owl-owl-orange-700);
  --color-solutions-color-messages-archive: var(--color-sky-sky-300);
  --color-solutions-color-national-assessment: var(--color-sky-sky-700);
  --color-solutions-color-notifications: var(--color-brands-owl-owl-red-600);
  --color-solutions-color-nutrition: var(--color-brands-owl-owl-green-600);
  --color-solutions-color-online-classroom: var(--color-yellow-yellow-500);
  --color-solutions-color-organization: var(--color-brands-owl-owl-orange-700);
  --color-solutions-color-parent-teacher-hours: var(--color-sky-sky-700);
  --color-solutions-color-parents-portal: var(--color-green-green-400);
  --color-solutions-color-participants: var(--color-brands-owl-owl-blue-500);
  --color-solutions-color-personal-assistant: var(--color-red-red-400);
  --color-solutions-color-printouts: var(--color-brands-owl-owl-red-600);
  --color-solutions-color-programs: var(--color-brands-owl-owl-green-800);
  --color-solutions-color-schedule: var(--color-teal-teal-500);
  --color-solutions-color-school-ids: var(--color-brands-owl-owl-purple);
  --color-solutions-color-schools: var(--color-brands-owl-owl-green-400);
  --color-solutions-color-selection-procedure: var(--color-brands-owl-owl-green-400);
  --color-solutions-color-settings: var(--color-brands-owl-owl-blue-600);
  --color-solutions-color-social-worker: var(--color-orange-orange-400);
  --color-solutions-color-subjects: var(--color-yellow-yellow-300);
  --color-solutions-color-superadmin: var(--color-pink-pink-500);
  --color-solutions-color-teacher: var(--color-sky-sky-800);
  --color-solutions-color-work-hours: var(--color-brands-owl-owl-orange-300);
  --color-special-advancement-black: var(--color-brands-owl-owl-black);
  --color-special-advancement-gray-dark: var(--color-sky-sky-950);
  --color-special-advancement-gray-light: var(--color-text-color-text-subtle);
  --color-special-advancement-green: var(--color-text-color-text-success);
  --color-special-advancement-red: var(--color-text-color-text-error);
  --color-special-advancement-violet: var(--color-pink-pink-600);
  --color-special-grade-black: var(--color-brands-owl-owl-black);
  --color-special-grade-blue: var(--color-brands-owl-owl-blue-600);
  --color-special-grade-blue-violet: var(--color-violet-violet-600);
  --color-special-grade-brown: var(--color-brands-owl-owl-red-800);
  --color-special-grade-emerald: var(--color-brands-owl-owl-green-900);
  --color-special-grade-fuchsia: var(--color-brands-owl-owl-purple);
  --color-special-grade-gray: var(--color-brands-owl-owl-gray-500);
  --color-special-grade-gray-blue: var(--color-brands-owl-owl-gray-400);
  --color-special-grade-gray-yellow: var(--color-brands-owl-owl-yellow-500);
  --color-special-grade-green: var(--color-brands-owl-owl-green-700);
  --color-special-grade-light-green: var(--color-brands-owl-owl-green-400);
  --color-special-grade-orange: var(--color-brands-owl-owl-orange-700);
  --color-special-grade-pink: var(--color-pink-pink-500);
  --color-special-grade-red: var(--color-brands-owl-owl-red-500);
  --color-special-grade-teal: var(--color-teal-teal-500);
  --color-special-grade-violet: var(--color-violet-violet-700);
  --color-special-grade-yellow: var(--color-brands-owl-owl-yellow-500);
  --color-special-nutrition-canceled: var(--color-solutions-color-notifications);
  --color-special-nutrition-registered: var(--color-brands-owl-owl-green-800);
  --color-special-nutrition-unregistered: var(--color-brands-owl-owl-gray-700);
  --color-text-absent: var(--color-text-color-text-error);
  --color-text-color-link: var(--color-general-color-brand);
  --color-text-color-text: var(--color-brands-owl-owl-gray-700);
  --color-text-color-text-brand: var(--color-general-color-brand);
  --color-text-color-text-create: var(--color-brands-owl-owl-green-400);
  --color-text-color-text-danger: var(--color-brands-owl-owl-red-600);
  --color-text-color-text-delete: var(--color-brands-owl-owl-red-600);
  --color-text-color-text-disabled: var(--color-brands-owl-owl-gray-500);
  --color-text-color-text-error: var(--color-brands-owl-owl-red-600);
  --color-text-color-text-error-inverse: var(--color-general-color-white);
  --color-text-color-text-info: var(--color-brands-owl-owl-blue-700);
  --color-text-color-text-input-inactive: var(--color-brands-owl-owl-gray-500);
  --color-text-color-text-inverse: var(--color-brands-owl-owl-white);
  --color-text-color-text-select: var(--color-brands-owl-owl-gray-700);
  --color-text-color-text-substitution: var(--color-general-color-black);
  --color-text-color-text-subtle: var(--color-brands-owl-owl-gray-700);
  --color-text-color-text-success: var(--color-brands-owl-owl-green-600);
  --color-text-color-text-warning: var(--color-brands-owl-owl-yellow-900);
  --color-text-grade-inactive: var(--color-text-inactive);
  --color-text-homework-done: var(--color-text-color-text-success);
  --color-text-homework-incomplete: var(--color-violet-violet-600);
  --color-text-homework-not-done: var(--color-text-color-text);
  --color-text-homework-not-reviewed: var(--color-icon-color-icon);
  --color-text-homework-wrong: var(--color-text-color-text-warning);
  --color-text-inactive: var(--color-brands-owl-owl-gray-500);
  --color-text-text-absence: var(--color-general-color-black);
  --color-text-text-accordion-counter-active: var(--color-text-color-text);
  --color-text-text-accordion-counter-inactive: var(--color-text-color-text-subtle);
  --color-text-text-accordion-header: var(--color-text-color-text);
  --color-text-text-afternoon-babysitting: var(--color-general-color-black);
  --color-text-text-attach-file-name: var(--color-text-color-text);
  --color-text-text-attach-size: var(--color-text-color-text-subtle);
  --color-text-text-babysitting: var(--color-general-color-black);
  --color-text-text-breadcrumb-unclicable: var(--color-brands-owl-owl-gray-700);
  --color-text-text-card-description: var(--color-general-color-black);
  --color-text-text-card-heading: var(--color-general-color-black);
  --color-text-text-com-message-card-selected-date: var(--color-text-color-text-inverse);
  --color-text-text-com-message-card-selected-default: var(--color-text-color-text-inverse);
  --color-text-text-com-message-card-unselected-date: var(--color-brands-owl-owl-gray-500);
  --color-text-text-com-message-card-unselected-default: var(--color-general-color-black);
  --color-text-text-event: var(--color-general-color-black);
  --color-text-text-extracuriccular-activity: var(--color-general-color-black);
  --color-text-text-label: var(--color-text-color-text);
  --color-text-text-lesson-canceled: var(--color-general-color-black);
  --color-text-text-link-active: var(--color-brands-owl-owl-blue-600);
  --color-text-text-link-default: var(--color-brands-owl-owl-brand);
  --color-text-text-link-disabled: var(--color-text-button-primary-disabled);
  --color-text-text-link-focus: var(--color-text-text-link-default);
  --color-text-text-link-hover: var(--color-brands-owl-owl-blue-600);
  --color-text-text-link-loadnig: var(--color-text-text-link-default);
  --color-text-text-message-date-divider: var(--color-text-color-text);
  --color-text-text-morning-babysitting: var(--color-general-color-black);
  --color-text-text-nav-active: var(--color-brands-owl-owl-black);
  --color-text-text-nav-default: var(--color-brands-owl-owl-black);
  --color-text-text-nav-disabled: var(--color-text-color-text-disabled);
  --color-text-text-nav-error: var(--color-text-text-nav-default);
  --color-text-text-nav-filled: var(--color-text-text-nav-default);
  --color-text-text-nav-focused: var(--color-text-text-nav-default);
  --color-text-text-nav-hover: var(--color-text-text-nav-default);
  --color-text-text-nav-inactive: var(--color-brands-owl-owl-gray-500);
  --color-text-text-nav-segment-active: var(--color-brands-owl-owl-black);
  --color-text-text-nav-success: var(--color-text-text-nav-default);
  --color-text-text-observation: var(--color-general-color-black);
  --color-text-text-page-heading: var(--color-general-color-black);
  --color-text-text-parent-teacher-hours: var(--color-general-color-black);
  --color-text-text-photo-upload-message: var(--color-text-color-text);
  --color-text-text-school-tag: var(--color-basic-white);
  --color-text-text-selected: var(--color-general-color-brand);
  --color-text-text-table-cell: var(--color-brands-owl-owl-black);
  --color-text-text-table-header: var(--color-brands-owl-owl-gray-500);
  --color-text-text-wide-check-absent: var(--color-text-color-text-error);
  --color-text-text-wide-check-active-default: var(--color-brands-owl-owl-gray-700);
  --color-text-text-wide-check-active-focus: var(--color-text-button-primary-focus);
  --color-text-text-wide-check-active-hover: var(--color-text-text-wide-check-inactive-hover);
  --color-text-text-wide-check-active-locked: var(--color-text-color-text);
  --color-text-text-wide-check-inactive-default: var(--color-text-color-text);
  --color-text-text-wide-check-inactive-focus: var(--color-text-color-text);
  --color-text-text-wide-check-inactive-hover: var(--color-text-color-link);
  --color-text-button-color-text-button: var(--color-brands-owl-owl-white);
  --color-text-button-create-active: var(--color-text-button-primary-default);
  --color-text-button-create-default: var(--color-brands-owl-owl-white);
  --color-text-button-create-disabled: var(--color-brands-owl-owl-green-400);
  --color-text-button-create-focus: var(--color-text-button-primary-default);
  --color-text-button-create-hover: var(--color-text-button-primary-default);
  --color-text-button-create-loading: var(--color-brands-owl-owl-white);
  --color-text-button-danger-primary-active: var(--color-text-button-danger-primary-default);
  --color-text-button-danger-primary-default: var(--color-text-button-primary-default);
  --color-text-button-danger-primary-focus: var(--color-text-button-danger-primary-default);
  --color-text-button-danger-primary-hover: var(--color-text-button-danger-primary-default);
  --color-text-button-danger-secondary-active: var(--color-border-button-danger-secondary-active);
  --color-text-button-danger-secondary-default: var(--color-border-button-danger-secondary-default);
  --color-text-button-danger-secondary-focus: var(--color-border-button-danger-secondary-focus);
  --color-text-button-danger-secondary-hover: var(--color-brands-owl-owl-red-600);
  --color-text-button-delete-active: var(--color-brands-owl-owl-red-600);
  --color-text-button-delete-default: var(--color-brands-owl-owl-red-600);
  --color-text-button-delete-disabled: var(--color-brands-owl-owl-gray-500);
  --color-text-button-delete-focus: var(--color-brands-owl-owl-red-600);
  --color-text-button-delete-hover: var(--color-brands-owl-owl-red-600);
  --color-text-button-delete-loading: var(--color-brands-owl-owl-red-600);
  --color-text-button-edit-active: var(--color-brands-owl-owl-brand);
  --color-text-button-edit-default: var(--color-brands-owl-owl-brand);
  --color-text-button-edit-disabled: var(--color-brands-owl-owl-gray-500);
  --color-text-button-edit-focus: var(--color-brands-owl-owl-brand);
  --color-text-button-edit-hover: var(--color-brands-owl-owl-blue-600);
  --color-text-button-edit-loading: var(--color-brands-owl-owl-brand);
  --color-text-button-error-primary-active: var(--color-text-button-danger-primary-default);
  --color-text-button-error-primary-default: var(--color-text-button-primary-default);
  --color-text-button-error-primary-focus: var(--color-text-button-danger-primary-default);
  --color-text-button-error-primary-hover: var(--color-text-button-danger-primary-default);
  --color-text-button-error-secondary-active: var(--color-border-button-danger-secondary-active);
  --color-text-button-error-secondary-default: var(--color-border-button-danger-secondary-default);
  --color-text-button-error-secondary-focus: var(--color-border-button-danger-secondary-focus);
  --color-text-button-error-secondary-hover: var(--color-border-button-danger-secondary-hover);
  --color-text-button-info-primary-active: var(--color-text-button-info-primary-default);
  --color-text-button-info-primary-default: var(--color-text-button-primary-default);
  --color-text-button-info-primary-focus: var(--color-text-button-info-primary-default);
  --color-text-button-info-primary-hover: var(--color-text-button-info-primary-default);
  --color-text-button-info-secondary-active: var(--color-border-button-info-secondary-active);
  --color-text-button-info-secondary-default: var(--color-border-button-info-secondary-default);
  --color-text-button-info-secondary-focus: var(--color-border-button-info-secondary-focus);
  --color-text-button-info-secondary-hover: var(--color-border-button-info-secondary-hover);
  --color-text-button-primary-active: var(--color-brands-owl-owl-white);
  --color-text-button-primary-default: var(--color-brands-owl-owl-white);
  --color-text-button-primary-disabled: var(--color-brands-owl-owl-white);
  --color-text-button-primary-focus: var(--color-brands-owl-owl-white);
  --color-text-button-primary-hover: var(--color-brands-owl-owl-white);
  --color-text-button-primary-loading: var(--color-brands-owl-owl-white);
  --color-text-button-secondary-active: var(--color-brands-owl-owl-gray-700);
  --color-text-button-secondary-default: var(--color-brands-owl-owl-gray-500);
  --color-text-button-secondary-disabled: var(--color-brands-owl-owl-gray-300);
  --color-text-button-secondary-focus: var(--color-text-button-secondary-default);
  --color-text-button-secondary-hover: var(--color-brands-owl-owl-gray-700);
  --color-text-button-secondary-loading: var(--color-text-button-secondary-default);
  --color-text-button-success-primary-active: var(--color-text-button-success-primary-default);
  --color-text-button-success-primary-default: var(--color-text-button-primary-default);
  --color-text-button-success-primary-focus: var(--color-text-button-success-primary-default);
  --color-text-button-success-primary-hover: var(--color-text-button-success-primary-default);
  --color-text-button-success-secondary-active: var(--color-brands-owl-owl-green-800);
  --color-text-button-success-secondary-default: var(--color-brands-owl-owl-green-600);
  --color-text-button-success-secondary-focus: var(--color-brands-owl-owl-green-800);
  --color-text-button-success-secondary-hover: var(--color-brands-owl-owl-green-800);
  --color-text-button-warning-primary-active: var(--color-text-button-warning-primary-default);
  --color-text-button-warning-primary-default: var(--color-text-button-primary-default);
  --color-text-button-warning-primary-focus: var(--color-text-button-warning-primary-default);
  --color-text-button-warning-primary-hover: var(--color-text-button-warning-primary-default);
  --color-text-button-warning-secondary-active: var(--color-border-button-warning-secondary-active);
  --color-text-button-warning-secondary-default: var(--color-border-button-warning-secondary-default);
  --color-text-button-warning-secondary-focus: var(--color-border-button-warning-secondary-focus);
  --color-text-button-warning-secondary-hover: var(--color-border-button-warning-secondary-hover);
  --color-text-input-disabled-active: var(--color-text-input-disabled-inactive);
  --color-text-input-disabled-error: var(--color-text-input-disabled-inactive);
  --color-text-input-disabled-focus: var(--color-text-input-disabled-inactive);
  --color-text-input-disabled-hover: var(--color-text-input-disabled-inactive);
  --color-text-input-disabled-inactive: var(--color-text-color-text-subtle);
  --color-text-input-disabled-indeterminate: var(--color-text-input-disabled-inactive);
  --color-text-input-disabled-success: var(--color-text-input-disabled-inactive);
  --color-text-input-enabled-active: var(--color-text-color-text);
  --color-text-input-enabled-error: var(--color-text-color-text);
  --color-text-input-enabled-focus: var(--color-text-color-text);
  --color-text-input-enabled-hover: var(--color-text-color-text);
  --color-text-input-enabled-inactive: var(--color-text-color-text-subtle);
  --color-text-input-enabled-indeterminate: var(--color-text-color-text);
  --color-text-input-enabled-success: var(--color-text-color-text);
  --color-text-input-placeholder: var(--color-text-color-text-subtle);
  --color-text-input-wide-check-absent-focus: var(--color-text-input-wide-check-absent-inactive);
  --color-text-input-wide-check-absent-hover: var(--color-text-input-wide-check-absent-inactive);
  --color-text-input-wide-check-absent-inactive: var(--color-text-text-wide-check-inactive-hover);
  --color-text-input-wide-check-absent-not-selected-default: var(--color-text-color-text);
  --color-text-input-wide-check-absent-not-selected-focus: var(--color-text-input-wide-check-absent-not-selected-default);
  --color-text-input-wide-check-absent-not-selected-hover: var(--color-text-input-wide-check-absent-selected-default);
  --color-text-input-wide-check-absent-selected-default: var(--color-text-color-text-error);
  --color-text-input-wide-check-absent-selected-focus: var(--color-text-text-wide-check-active-focus);
  --color-text-input-wide-check-absent-selected-hover: var(--color-text-input-wide-check-absent-selected-default);
  --color-text-input-wide-check-not-selected-enabled-focus: var(--color-text-input-wide-check-not-selected-enabled-inactive);
  --color-text-input-wide-check-not-selected-enabled-hover: var(--color-text-input-wide-check-not-selected-enabled-inactive);
  --color-text-input-wide-check-not-selected-enabled-inactive: var(--color-text-color-text);
  --color-text-input-wide-check-present-not-selected-default: var(--color-text-color-text);
  --color-text-input-wide-check-present-not-selected-focus: var(--color-text-input-wide-check-absent-not-selected-default);
  --color-text-input-wide-check-present-not-selected-hover: var(--color-text-input-wide-check-present-selected-default);
  --color-text-input-wide-check-present-selected-default: var(--color-text-color-text-success);
  --color-text-input-wide-check-present-selected-focus: var(--color-icon-icon-wide-check-active-focus);
  --color-text-input-wide-check-present-selected-hover: var(--color-text-input-wide-check-present-selected-default);
  --color-text-input-wide-check-selected-enabled-focus: var(--color-text-input-wide-check-not-selected-enabled-inactive);
  --color-text-input-wide-check-selected-enabled-hover: var(--color-text-input-wide-check-not-selected-enabled-inactive);
  --color-text-input-wide-check-selected-enabled-inactive: var(--color-text-input-wide-check-not-selected-enabled-inactive);
  --color-text-menu-menu-item-name: var(--color-text-color-text);
  --color-text-menu-menu-item-name-disabled: var(--color-text-color-text-disabled);
  --color-text-menu-menu-sub-item-name: var(--color-text-menu-menu-item-name);
  --color-text-menu-menu-sub-item-name-disabled: var(--color-text-menu-menu-item-name-disabled);
  --color-text-table-cell: var(--color-brands-owl-owl-black);
  --color-text-table-header: var(--color-brands-owl-owl-gray-500);
  --color-toggle-handle-active: var(--color-general-color-brand-inverse);
  --color-toggle-handle-inactive: var(--color-general-color-brand-inverse);
  --color-toggle-toggle-active: var(--color-general-color-brand);
  --color-toggle-toggle-inactive: var(--color-gray-gray-300);
  --color-toggle-toggle-knob: var(--color-general-color-brand-inverse);
  --color-toggle-track-active: var(--color-general-color-brand);
  --color-toggle-track-inactive: var(--color-gray-gray-300);
  --com-message-bubble-mine-color-bg-default: #ffffff;
  --com-message-bubble-other-color-bg-default: #ffffff;
  --com-token: #ffffff;
  --counter-homework-missing-color-text: var(--color-text-color-text-error);
  --header-absence: var(--color-solutions-color-absences);
  --header-holiday: var(--color-green-green-400);
  --header-lunch-break: var(--color-brands-owl-owl-yellow-500);
  --header-transportation: var(--color-orange-orange-400);
  --header-package-paid-color-bg: var(---base-color-bg-positive);
  --header-package-paid-color-text: var(---base-color-text-inverse);
  --header-package-payment-pending-color-bg: var(---base-color-bg-waiting);
  --header-package-payment-pending-color-text: var(---base-color-text);
  --header-package-testing-color-bg: var(--color-gray-gray-500);
  --header-package-testing-color-text: var(---base-color-text-inverse);
  --header-page-future-color-bg: var(--color-brands-owl-owl-green-600);
  --header-page-parents-portal-color-bg: var(--color-general-color-brand);
  --header-page-past-color-bg: var(--color-brands-owl-owl-gray-400);
  --header-page-testing-color-bg: var(--color-brands-owl-owl-yellow-500);
  --header-unit-color-bg: var(--color-brands-owl-owl-yellow-500);
  --heading-last-color-icon: var(--color-brands-owl-owl-orange-700);
  --heading-new-color-icon: var(--color-brands-owl-owl-green-600);
  --heading-popular-color-icon: var(--color-brands-owl-owl-yellow-500);
  --heading-product-name-color-text: var(--color-general-color-brand);
  --loader-color-bg: var(--color-brands-owl-owl-white-80);
  --loader-color-icon: var(--color-general-color-brand);
  --loader-sceleton-bg: var(--color-brands-owl-owl-gray-50);
  --loader-sceleton-on-card-bg: var(--color-brands-owl-owl-gray-100);
  --menu-icon-color-bg: var(--color-brands-owl-owl-gray-400);
  --school-select-color-bg-active: #ffffff;
  --school-select-color-bg-default: #ffffff;
  --school-select-color-bg-hover: #ffffff;
  --status-intermediate-color-icon: var(--status-intermediate-color-text);
  --status-intermediate-color-text: var(--color-text-color-text-warning);
  --status-negative-color-bg: var(---base-color-bg-negative);
  --status-negative-color-icon: var(--status-negative-color-text);
  --status-negative-color-text: var(---base-color-text-negative);
  --status-overdue-color-icon: var(--status-overdue-color-text);
  --status-overdue-color-text: var(--color-text-color-text-subtle);
  --status-pending-color-bg: var(---base-color-bg-neutral);
  --status-pending-color-icon: var(--status-pending-color-text);
  --status-pending-color-text: var(---base-color-bg-neutral);
  --status-positive-color-bg: var(---base-color-bg-positive);
  --status-positive-color-icon: var(--status-positive-color-text);
  --status-positive-color-text: var(---base-color-text-positive);
  --subscription-message-card-default-color-bg: var(--color-basic-white-80);
  --subscription-message-card-default-color-border: var(--color-border-color-border);
  --subscription-message-card-default-color-icon: var(--color-icon-color-icon);
  --subscription-message-card-warning-color-bg: var(--color-basic-red-10);
  --subscription-message-card-warning-color-border: var(--color-brands-owl-owl-red-200);
  --subscription-message-card-warning-color-icon: var(--color-icon-color-icon-danger);
  --tab-inactive-default-color-bg: #ffffff;
  --tab-inactive-default-color-border: #ffffff;
  --tab-inactive-default-color-icon: #ffffff;
  --tab-inactive-default-color-text: #ffffff;
  --tab-inactive-hovered-color-bg: #ffffff;
  --tab-inactive-hovered-color-border: #ffffff;
  --tab-inactive-hovered-color-icon: #ffffff;
  --tab-inactive-hovered-color-text: #ffffff;
  --table-cell-subvention-color-bg: var(--color-bg-system-msg-success);
  --table-header-danger-color-bg: var(--color-brands-owl-owl-red-50);
  --tag-absence-color-bg: var(--color-bg-tag-negative);
  --tag-color-text: var(--color-text-color-text-inverse);
  --tag-different-school-color-bg: var(--color-brands-owl-owl-gray-400);
  --tag-success-color-bg: var(--color-brands-owl-owl-green-600);
  --tag-days-counter-color-bg: var(---base-color-bg-neutral);
  --tag-days-counter-color-text: var(--color-text-color-text-inverse);
  --tag-default-color-bg: var(---base-color-bg-neutral);
  --tag-default-color-icon: var(--color-icon-color-icon-accent-inverse);
  --tag-default-color-text: var(--color-text-color-text-inverse);
  --tag-draft-color-bg: var(---base-color-bg-neutral);
  --tag-draft-color-text: var(--color-text-color-text-inverse);
  --tooltip-color-bg: var(--color-bg-color-bg-info-subtle);
  --tooltip-color-border: var(--color-border-color-border-accent);
  --user-card-avatar-color-bg-default: var(--color-icon-color-icon-subtle);
  --user-card-avatar-color-border-default: var(--color-basic-black-10);
  --user-card-avatar-color-text-default: var(--color-text-color-text-inverse);
  /* number */
  --rounded-lg: var(--radius-radius-0);
  --header-card-gap: var(--spacing-2);
  --border-border-radius-rounded: var(--radius-radius-0);
  --border-border-radius-rounded-button: var(--border-border-radius-rounded-none);
  --border-border-radius-rounded-card: var(--border-border-radius-rounded-none);
  --border-border-radius-rounded-full: var(--radius-radius-0);
  --border-border-radius-rounded-inner: var(--radius-radius-0);
  --border-border-radius-rounded-lg: var(--radius-radius-0);
  --border-border-radius-rounded-md: var(--radius-radius-0);
  --border-border-radius-rounded-none: var(--radius-radius-0);
  --border-border-radius-rounded-popup: var(--border-border-radius-rounded-none);
  --border-border-radius-rounded-sm: var(--radius-radius-0);
  --border-border-radius-rounded-tag: var(--border-border-radius-rounded-full);
  --border-border-radius-rounded-wide-check: var(--border-border-radius-rounded-none);
  --border-border-radius-rounded-wide-check-absent: var(--border-border-radius-rounded-none);
  --border-border-radius-rounded-xl: var(--radius-radius-0);
  --border-border-radius-rounded-xxl: var(--radius-radius-0);
  --border-border-radius-rounded-input-l: var(--radius-radius-4);
  --border-border-radius-rounded-input-m: var(--radius-radius-4);
  --border-border-radius-rounded-input-s: var(--radius-radius-4);
  --border-border-size-border: var(--border-border-1);
  --border-border-size-border-button: var(--border-border-1);
  --border-border-size-border-cell: var(--border-border-1);
  --border-border-size-border-2: var(--border-border-2);
  --border-border-size-border-button-focus: var(--border-border-2);
  --border-border-size-border-complex-table-column: var(--border-border-2);
  --border-border-size-border-4: var(--border-border-4);
  --sizing-size-0: var(--sizing-0);
  --sizing-size-100: var(--sizing-1);
  --sizing-size-200: var(--sizing-2);
  --sizing-demo-test: 10px;
  --sizing-size-250: var(--sizing-2n5);
  --sizing-size-300: var(--sizing-3);
  --sizing-size-350: var(--sizing-3n5);
  --sizing-size-400: var(--sizing-4);
  --sizing-size-500: var(--sizing-5);
  --sizing-size-600: var(--sizing-6);
  --sizing-size-800: var(--sizing-8);
  --sizing-size-900: var(--sizing-9);
  --sizing-size-1000: var(--sizing-10);
  --sizing-size-1400: var(--sizing-14);
  --sizing-header-height: var(--sizing-16);
  --sizing-size-1600: var(--sizing-16);
  --sizing-number-picker-table-width: var(--sizing-20);
  --sizing-number-picker-width: var(--sizing-size-2400);
  --sizing-size-2400: var(--sizing-24);
  --sizing-size-2800: var(--sizing-28);
  --sizing-time-picker-width: var(--sizing-size-2800);
  --sizing-size-3200: var(--sizing-32);
  --sizing-date-picker-width: var(--sizing-size-3600);
  --sizing-size-3600: var(--sizing-36);
  --sizing-size-4000: var(--sizing-40);
  --sizing-size-5600: var(--sizing-56);
  --sizing-size-6000: var(--sizing-60);
  --sizing-size-7200: var(--sizing-72);
  --sizing-chart-height: var(--sizing-80);
  --sizing-size-8000: var(--sizing-80);
  --sizing-size-9600: var(--sizing-96);
  --sizing-size-12000: var(--sizing-120);
  --sizing-size-24000: var(--sizing-240);
  --spacing-space-negative-1: var(--spacing-m1);
  --spacing-space-0: var(--spacing-0);
  --spacing-space-wide-check-absent-pad-y: var(--spacing-space-xs);
  --spacing-space-wide-check-pad-left: var(--spacing-space-l);
  --spacing-space-wide-check-pad-right: var(--spacing-space-s);
  --spacing-space-wide-check-pad-y: var(--spacing-space-m);
  --spacing-space-25: var(--spacing-px);
  --spacing-radio-gap: var(--spacing-space-50);
  --spacing-space-50: var(--spacing-0n5);
  --spacing-button-s-pad-y: var(--spacing-space-100);
  --spacing-select-s-pad-y: var(--spacing-space-100);
  --spacing-space-100: var(--spacing-1);
  --spacing-space-xs: var(--spacing-1);
  --spacing-wide-checkbox-group-gap: var(--spacing-space-100);
  --spacing-space-150: var(--spacing-1n5);
  --spacing-button-m-pad-y: var(--spacing-space-200);
  --spacing-button-gap: var(--spacing-space-200);
  --spacing-button-group-gap: var(--spacing-space-200);
  --spacing-cell-pad: var(--spacing-2);
  --spacing-select-m-gap: var(--spacing-space-200);
  --spacing-select-m-pad-y: var(--spacing-space-200);
  --spacing-select-s-gap: var(--spacing-space-200);
  --spacing-space-200: var(--spacing-2);
  --spacing-space-s: var(--spacing-2);
  --spacing-space-250: var(--spacing-2n5);
  --spacing-button-s-pad-x: var(--spacing-space-300);
  --spacing-space-300: var(--spacing-3);
  --spacing-space-m: var(--spacing-3);
  --spacing-system-messages-gap: var(--spacing-3);
  --spacing-button-l-pad-y: var(--spacing-space-350);
  --spacing-input-l-padd-y: var(--spacing-space-350);
  --spacing-input-m-padd-y: var(--spacing-space-350);
  --spacing-input-s-padd-y: var(--spacing-space-350);
  --spacing-select-l-pad-x: var(--spacing-space-350);
  --spacing-select-l-pad-y: var(--spacing-space-350);
  --spacing-select-s-pad-x: var(--spacing-space-350);
  --spacing-space-350: var(--spacing-3n5);
  --spacing-input-l-padd-x: var(--spacing-space-l);
  --spacing-input-m-padd-x: var(--spacing-space-l);
  --spacing-input-s-padd-x: var(--spacing-space-l);
  --spacing-space-400: var(--spacing-4);
  --spacing-space-card-pad: var(--spacing-space-400);
  --spacing-space-l: var(--spacing-4);
  --spacing-system-messages-pad: var(--spacing-4);
  --spacing-space-500: var(--spacing-5);
  --spacing-space-around-main-content: var(--spacing-space-500);
  --spacing-button-m-pad-x: var(--spacing-space-600);
  --spacing-select-l-gap: var(--spacing-space-600);
  --spacing-select-m-pad-x: var(--spacing-space-600);
  --spacing-space-600: var(--spacing-6);
  --spacing-space-card-gap: var(--spacing-space-600);
  --spacing-space-xl: var(--spacing-6);
  --spacing-button-l-pad-x: var(--spacing-space-800);
  --spacing-space-800: var(--spacing-8);
  --spacing-space-popup-gap: var(--spacing-space-800);
  --spacing-space-xxl: var(--spacing-8);
  --spacing-space-900: var(--spacing-9);
  --spacing-space-popup-pad: var(--spacing-space-900);
  --spacing-space-1400: var(--spacing-14);
  --spacing-space-1600: var(--spacing-16);
  --spacing-space-2000: var(--spacing-20);
  --spacing-space-2800: var(--spacing-28);
  --spacing-space-3200: var(--spacing-32);
  --type-text-size-xxxxs: var(--sizing-1n5);
  --type-text-size-xxs: var(--sizing-2n5);
  --type-text-size-xs: var(--sizing-3);
  --type-text-size-s: var(--sizing-3n5);
  --type-text-size-m: var(--sizing-4);
  --type-text-size-l: var(--sizing-5);
  --type-text-size-xl: var(--sizing-6);
  --type-font-weight-regular: var(--font-weight-fw-400);
  --type-font-weight-button: var(--type-font-weight-semi-bold);
  --type-font-weight-semi-bold: var(--font-weight-fw-600);
  --type-font-weight-bold: var(--font-weight-fw-700);
  /* string */
  ---base-font-family: var(--font-family-open-sans);
  --animation-duration: var(--animation-2);
  --shadow-shadow: box-shadow: 0px 3px 0px 0px --color-shadow-color-shadow;
}
[data-theme="Fade"] {
  /* color */
  ---base-color-bg-negative: var(--color-brands-owl-owl-red-600);
  ---base-color-bg-neutral: var(--color-brands-owl-owl-brand);
  ---base-color-bg-paid-pro-service: var(--color-brands-owl-owl-orange-300);
  ---base-color-bg-positive: var(--color-brands-owl-owl-green-600);
  ---base-color-bg-waiting: var(--color-brands-owl-owl-yellow-500);
  ---base-color-border-negative: var(--color-brands-owl-owl-red-600);
  ---base-color-border-positive: var(--color-brands-owl-owl-green-600);
  ---base-color-icon-negative: var(--color-brands-owl-owl-red-600);
  ---base-color-icon-positive: var(--color-brands-owl-owl-green-600);
  ---base-color-testing-theme-allstar: var(--color-brands-owl-owl-orange-700);
  ---base-color-text: var(--color-brands-owl-owl-gray-700);
  ---base-color-text-inverse: var(--color-brands-owl-owl-white);
  ---base-color-text-negative: var(--color-brands-owl-owl-red-600);
  ---base-color-text-positive: var(--color-brands-owl-owl-green-600);
  ---misc-absence-excused-color-text: var(---base-color-text-positive);
  ---misc-absence-not-absent-color-text: var(--color-text-color-text);
  ---misc-absence-present-elsewhere-color-text: var(--color-text-color-text);
  ---misc-absence-remote-schooling-color-text: var(--color-brands-owl-owl-gray-500);
  ---misc-absence-undefined-color-text: var(--color-brands-owl-owl-gray-500);
  ---misc-absence-unexcused-color-text: var(---base-color-text-negative);
  ---misc-activities-activity-eight: var(--color-brands-owl-owl-blue-500);
  ---misc-activities-activity-eleven: var(--color-brands-owl-owl-green-400);
  ---misc-activities-activity-five: var(--color-brands-owl-owl-red-300);
  ---misc-activities-activity-four: var(--color-brands-owl-owl-orange-300);
  ---misc-activities-activity-fourteen: var(--color-brands-owl-owl-red-200);
  ---misc-activities-activity-nine: var(--color-brands-owl-owl-purple);
  ---misc-activities-activity-one: var(--color-brands-owl-owl-green-600);
  ---misc-activities-activity-seven: var(--color-brands-owl-owl-yellow-500);
  ---misc-activities-activity-six: var(--color-brands-owl-owl-green-700);
  ---misc-activities-activity-ten: var(--color-brands-owl-owl-red-300);
  ---misc-activities-activity-thirteen: var(--color-brands-owl-owl-blue-600);
  ---misc-activities-activity-three: var(--color-brands-owl-owl-orange-700);
  ---misc-activities-activity-twelve: var(--color-brands-owl-owl-green-400);
  ---misc-activities-activity-two: var(--color-brands-owl-owl-blue-500);
  ---misc-exam-retake-color-text: var(--color-special-grade-red);
  ---misc-exam-subject-color-text: var(--color-special-grade-blue);
  ---misc-exam-supplementary-color-text: var(--color-special-grade-green);
  ---misc-grade-corrected-from-past-term: var(--color-special-grade-gray);
  --calendar-cell-different-school-color-bg: var(--color-brands-owl-owl-gray-300);
  --calendar-cell-different-school-color-text: var(--color-text-color-text-disabled);
  --calendar-sequential-lessons-color-border: var(--color-brands-owl-owl-orange-700);
  --calendar-sequential-lessons-even-color-border: var(---base-color-border-positive);
  --card-nav-arrow-color-icon: var(--color-icon-color-icon-subtle);
  --card-nav-circle-icon-color-bg: var(--color-bg-color-bg);
  --card-nav-circle-icon-color-icon: var(--color-icon-color-icon-accent);
  --chart-burden-color-bg: var(--color-brands-owl-owl-white);
  --chart-burden-gridline-color-border: var(--color-border-color-border);
  --chart-burden-gridline-weekend-color-border: var(--color-brands-owl-owl-gray-500);
  --chart-burden-notification-color-text: var(--color-brands-owl-owl-white);
  --chart-burden-notification-grading-color-bg: var(---base-color-bg-negative);
  --chart-burden-notification-homework-color-bg: var(--color-solutions-color-homework);
  --chart-burden-notification-pre-grading-color-bg: var(--color-brands-owl-owl-purple);
  --chart-burden-today-color-bg: var(--color-brands-owl-owl-blue-500);
  --chart-burden-today-color-text: var(--color-text-color-text-inverse);
  --chart-burden-weekend-color-bg: var(--color-brands-owl-owl-gray-200);
  --color-bg-absent: var(--color-bg-color-bg-error);
  --color-bg-bg-accordion-body: var(--color-bg-bg-wide-check-inactive-default);
  --color-bg-bg-accordion-header-level-1: var(--color-bg-color-bg-cell);
  --color-bg-bg-accordion-header-level-2: var(--color-bg-bg-accordion-body);
  --color-bg-bg-attach: var(--color-general-color-white);
  --color-bg-bg-boy: var(--color-sky-sky-500);
  --color-bg-bg-com-message-card-selected-default: var(--color-bg-color-bg-accent);
  --color-bg-bg-com-message-card-selected-focus: var(--color-brands-owl-owl-brand);
  --color-bg-bg-com-message-card-unselected-default: var(--color-general-color-white);
  --color-bg-bg-com-message-card-unselected-focus: var(--color-bg-bg-com-message-card-unselected-hover);
  --color-bg-bg-com-message-card-unselected-hover: var(--color-bg-bg-nav-item-unselected-default);
  --color-bg-bg-com-message-card-unselected-pressed: var(--color-brands-owl-owl-blue-100);
  --color-bg-bg-disabled: var(--color-brands-owl-owl-gray-200);
  --color-bg-bg-girl: var(--color-pink-pink-500);
  --color-bg-bg-inactive: var(--color-brands-owl-owl-gray-100);
  --color-bg-bg-interactive-element: var(--color-general-color-white);
  --color-bg-bg-menu: var(--color-general-color-white);
  --color-bg-bg-menu-item-level-1: var(--color-brands-owl-owl-gray-50);
  --color-bg-bg-menu-item-level-2: var(--color-brands-owl-owl-white);
  --color-bg-bg-message-date-divider: var(--color-brands-owl-owl-gray-200);
  --color-bg-bg-nav: var(--color-general-color-white);
  --color-bg-bg-nav-active: var(--color-bg-bg-nav-item-unselected-default);
  --color-bg-bg-nav-hover: var(--color-bg-bg-nav-item-unselected-default);
  --color-bg-bg-nav-inactive: var(--color-brands-owl-owl-gray-50);
  --color-bg-bg-nav-item-selected-default: var(--color-brands-owl-owl-blue-200);
  --color-bg-bg-nav-item-selected-focus: var(--color-general-color-white);
  --color-bg-bg-nav-item-unselected-default: var(--color-bg-bg-nav);
  --color-bg-bg-nav-item-unselected-focus: var(--color-general-color-white);
  --color-bg-bg-nav-item-unselected-hover: var(--color-general-color-white);
  --color-bg-bg-nav-item-unselected-pressed: var(--color-general-color-white);
  --color-bg-bg-photo-upload: var(--color-bg-color-bg);
  --color-bg-bg-popup: var(--color-brands-owl-owl-white);
  --color-bg-bg-popup-card: var(--color-brands-owl-owl-white);
  --color-bg-bg-popup-close: var(--color-brands-owl-owl-gray-700);
  --color-bg-bg-popup-dimmer: var(--color-brands-owl-owl-gray-700);
  --color-bg-bg-popup-menu: var(--color-brands-owl-owl-gray-50);
  --color-bg-bg-popup-student-header: var(--color-brands-owl-owl-brand);
  --color-bg-bg-school-tag: var(--color-sky-sky-400);
  --color-bg-bg-tab-active: var(--color-brands-owl-owl-white);
  --color-bg-bg-tab-group: var(--color-brands-owl-owl-white);
  --color-bg-bg-tab-inactive: var(--color-brands-owl-owl-gray-50);
  --color-bg-bg-table: var(--color-general-color-white);
  --color-bg-bg-table-cell-selected: var(--color-bg-color-bg-link-active-menu);
  --color-bg-bg-wide-check-absent: var(--color-brands-owl-owl-red-100);
  --color-bg-bg-wide-check-active-default: var(--color-brands-owl-owl-blue-50);
  --color-bg-bg-wide-check-active-focus: var(--color-bg-button-primary-focus);
  --color-bg-bg-wide-check-active-hover: var(--color-bg-bg-wide-check-inactive-default);
  --color-bg-bg-wide-check-active-locked: var(--color-bg-bg-disabled);
  --color-bg-bg-wide-check-inactive-default: var(--color-general-color-white);
  --color-bg-bg-wide-check-inactive-focus: var(--color-general-color-white);
  --color-bg-bg-wide-check-inactive-hover: var(--color-bg-bg-wide-check-inactive-default);
  --color-bg-color-bg: var(--color-gray-gray-100);
  --color-bg-color-bg-accent: var(--color-general-color-brand);
  --color-bg-color-bg-accent-inverse: var(--color-general-color-white);
  --color-bg-color-bg-button-error: var(--color-brands-owl-owl-red-400);
  --color-bg-color-bg-button-info: var(--color-brands-owl-owl-blue-700);
  --color-bg-color-bg-button-warning: var(--color-brands-owl-owl-yellow-900);
  --color-bg-color-bg-card: var(--color-brands-owl-owl-gray-50);
  --color-bg-color-bg-cell: var(--color-brands-owl-owl-white);
  --color-bg-color-bg-cell-absence: var(--color-brands-owl-owl-gray-50);
  --color-bg-color-bg-cell-afternoon-babysitting: var(--color-brands-owl-owl-blue-100);
  --color-bg-color-bg-cell-babysitting: var(--color-brands-owl-owl-blue-100);
  --color-bg-color-bg-cell-blue: var(--color-brands-owl-owl-blue-100);
  --color-bg-color-bg-cell-even: var(--color-brands-owl-owl-gray-50);
  --color-bg-color-bg-cell-event: var(--color-brands-owl-owl-blue-100);
  --color-bg-color-bg-cell-extracurricular-activity: var(--color-brands-owl-owl-blue-100);
  --color-bg-color-bg-cell-green: var(--color-brands-owl-owl-green-50);
  --color-bg-color-bg-cell-hover: var(--color-brands-owl-owl-gray-100);
  --color-bg-color-bg-cell-lesson: var(--color-brands-owl-owl-blue-100);
  --color-bg-color-bg-cell-lesson-canceled: var(--color-brands-owl-owl-gray-50);
  --color-bg-color-bg-cell-lesson-finished: var(--color-brands-owl-owl-green-50);
  --color-bg-color-bg-cell-morning-babysitting: var(--color-brands-owl-owl-blue-100);
  --color-bg-color-bg-cell-observation: var(--color-brands-owl-owl-blue-100);
  --color-bg-color-bg-cell-parent-teacher-hours: var(--color-brands-owl-owl-blue-100);
  --color-bg-color-bg-cell-pink: var(--color-pink-pink-100);
  --color-bg-color-bg-cell-red: var(--color-brands-owl-owl-red-50);
  --color-bg-color-bg-cell-substitution: var(--color-brands-owl-owl-orange-100);
  --color-bg-color-bg-cell-teal: var(--color-teal-teal-100);
  --color-bg-color-bg-cell-violet: var(--color-violet-violet-100);
  --color-bg-color-bg-cell-yellow: var(--color-brands-owl-owl-yellow-100);
  --color-bg-color-bg-danger: var(--color-brands-owl-owl-red-50);
  --color-bg-color-bg-error: var(--color-brands-owl-owl-red-100);
  --color-bg-color-bg-header: var(--color-brands-owl-owl-brand);
  --color-bg-color-bg-info: var(--color-brands-owl-owl-blue-200);
  --color-bg-color-bg-info-subtle: var(--color-brands-owl-owl-blue-50);
  --color-bg-color-bg-link-active: var(--color-brands-owl-owl-blue-200);
  --color-bg-color-bg-link-active-menu: var(--color-brands-owl-owl-white);
  --color-bg-color-bg-link-hover: var(--color-brands-owl-owl-gray-200);
  --color-bg-color-bg-menu: var(--color-general-color-brand);
  --color-bg-color-bg-menu-notifications: var(--color-brands-owl-owl-red-500);
  --color-bg-color-bg-more-subtle: var(--color-green-green-500);
  --color-bg-color-bg-select: var(--color-general-color-white);
  --color-bg-color-bg-success: var(--color-brands-owl-owl-green-50);
  --color-bg-color-bg-table-header: var(--color-brands-owl-owl-gray-100);
  --color-bg-color-bg-tag: var(--color-brands-owl-owl-gray-700);
  --color-bg-color-bg-tag-afternoon-babysitting: var(--color-brands-owl-owl-yellow-500);
  --color-bg-color-bg-tag-babysitting: var(--color-pink-pink-500);
  --color-bg-color-bg-tag-event: var(--color-brands-owl-owl-purple);
  --color-bg-color-bg-tag-extracurricular-activity: var(--color-brands-owl-owl-brand);
  --color-bg-color-bg-tag-grading: var(--color-general-color-brand);
  --color-bg-color-bg-tag-half-hour: var(--color-brands-owl-owl-green-700);
  --color-bg-color-bg-tag-in-progress: var(--color-brands-owl-owl-green-600);
  --color-bg-color-bg-tag-inactive: var(--color-brands-owl-owl-gray-100);
  --color-bg-color-bg-tag-lesson-canceled: var(--color-brands-owl-owl-red-600);
  --color-bg-color-bg-tag-lesson-no-lesson: var(--color-brands-owl-owl-orange-300);
  --color-bg-color-bg-tag-more-events: var(--color-brands-owl-owl-gray-700);
  --color-bg-color-bg-tag-morning-babysitting: var(--color-brands-owl-owl-green-400);
  --color-bg-color-bg-tag-notification: var(--color-brands-owl-owl-red-600);
  --color-bg-color-bg-tag-observation: var(--color-brands-owl-owl-green-400);
  --color-bg-color-bg-tag-parent-teacher-hours: var(--color-teal-teal-500);
  --color-bg-color-bg-tag-pre-grading: var(--color-brands-owl-owl-blue-500);
  --color-bg-color-bg-tag-substitution: var(--color-brands-owl-owl-blue-500);
  --color-bg-color-bg-warning: var(--color-brands-owl-owl-yellow-100);
  --color-bg-grade-inactive: var(--color-bg-bg-inactive);
  --color-bg-grade-inactive-connection: var(--color-bg-bg-inactive);
  --color-bg-homework-done: var(--color-bg-color-bg-success);
  --color-bg-homework-incomplete: var(--color-brands-owl-owl-white);
  --color-bg-homework-not-done: var(--color-bg-color-bg-error);
  --color-bg-homework-not-reviewed: var(--color-bg-color-bg-info-subtle);
  --color-bg-homework-wrong: var(--system-msg-warning-color-bg);
  --color-bg-button-color-bg-button-disabled: var(--color-brands-owl-owl-gray-200);
  --color-bg-button-create-active: var(--color-brands-owl-owl-green-600);
  --color-bg-button-create-default: var(--color-brands-owl-owl-green-400);
  --color-bg-button-create-disabled: var(--color-brands-owl-owl-green-100);
  --color-bg-button-create-focus: var(--color-brands-owl-owl-green-400);
  --color-bg-button-create-hover: var(--color-brands-owl-owl-green-600);
  --color-bg-button-create-loading: var(--color-brands-owl-owl-green-400);
  --color-bg-button-danger-primary-active: var(--color-bg-button-danger-primary-default);
  --color-bg-button-danger-primary-default: var(--color-text-color-text-danger);
  --color-bg-button-danger-primary-focus: var(--color-bg-button-danger-primary-default);
  --color-bg-button-danger-primary-hover: var(--color-brands-owl-owl-red-800);
  --color-bg-button-danger-secondary-active: var(--color-bg-button-danger-secondary-default);
  --color-bg-button-danger-secondary-default: var(--color-general-color-transparent);
  --color-bg-button-danger-secondary-focus: var(--color-bg-button-danger-secondary-default);
  --color-bg-button-danger-secondary-hover: var(--color-bg-button-danger-secondary-default);
  --color-bg-button-delete-active: var(--color-brands-owl-owl-transparent);
  --color-bg-button-delete-default: var(--color-brands-owl-owl-transparent);
  --color-bg-button-delete-disabled: var(--color-brands-owl-owl-transparent);
  --color-bg-button-delete-focus: var(--color-brands-owl-owl-transparent);
  --color-bg-button-delete-hover: var(--color-brands-owl-owl-gray-100);
  --color-bg-button-delete-loading: var(--color-brands-owl-owl-transparent);
  --color-bg-button-edit-active: var(--color-brands-owl-owl-transparent);
  --color-bg-button-edit-default: var(--color-brands-owl-owl-transparent);
  --color-bg-button-edit-disabled: var(--color-brands-owl-owl-transparent);
  --color-bg-button-edit-focus: var(--color-brands-owl-owl-transparent);
  --color-bg-button-edit-hover: var(--color-brands-owl-owl-transparent);
  --color-bg-button-edit-loading: var(--color-brands-owl-owl-transparent);
  --color-bg-button-error-primary-active: var(--color-bg-button-danger-primary-default);
  --color-bg-button-error-primary-default: var(--color-text-color-text-danger);
  --color-bg-button-error-primary-focus: var(--color-bg-button-danger-primary-default);
  --color-bg-button-error-primary-hover: var(--color-brands-owl-owl-red-800);
  --color-bg-button-error-secondary-active: var(--color-bg-button-danger-secondary-default);
  --color-bg-button-error-secondary-default: var(--color-general-color-transparent);
  --color-bg-button-error-secondary-focus: var(--color-bg-button-danger-secondary-default);
  --color-bg-button-error-secondary-hover: var(--color-bg-button-danger-secondary-default);
  --color-bg-button-info-primary-active: var(--color-bg-button-info-primary-default);
  --color-bg-button-info-primary-default: var(--color-text-color-text-info);
  --color-bg-button-info-primary-focus: var(--color-bg-button-info-primary-default);
  --color-bg-button-info-primary-hover: var(--color-sky-sky-800);
  --color-bg-button-info-secondary-active: var(--color-bg-button-info-secondary-default);
  --color-bg-button-info-secondary-default: var(--color-general-color-transparent);
  --color-bg-button-info-secondary-focus: var(--color-bg-button-info-secondary-default);
  --color-bg-button-info-secondary-hover: var(--color-bg-button-info-secondary-default);
  --color-bg-button-primary-active: var(--color-brands-owl-owl-brand);
  --color-bg-button-primary-default: var(--color-general-color-brand);
  --color-bg-button-primary-disabled: var(--color-brands-owl-owl-blue-200);
  --color-bg-button-primary-focus: var(--color-brands-owl-owl-blue-500);
  --color-bg-button-primary-hover: var(--color-brands-owl-owl-blue-500);
  --color-bg-button-primary-loading: var(--color-brands-owl-owl-blue-600);
  --color-bg-button-secondary-active: var(--color-brands-owl-owl-gray-300);
  --color-bg-button-secondary-default: var(--color-brands-owl-owl-gray-200);
  --color-bg-button-secondary-disabled: var(--color-brands-owl-owl-gray-100);
  --color-bg-button-secondary-focus: var(--color-brands-owl-owl-gray-300);
  --color-bg-button-secondary-hover: var(--color-brands-owl-owl-gray-300);
  --color-bg-button-secondary-loading: var(--color-brands-owl-owl-gray-100);
  --color-bg-button-success-primary-active: var(--color-bg-button-success-primary-default);
  --color-bg-button-success-primary-default: var(--color-text-color-text-success);
  --color-bg-button-success-primary-focus: var(--color-bg-button-success-primary-default);
  --color-bg-button-success-primary-hover: var(--color-brands-owl-owl-green-800);
  --color-bg-button-success-secondary-active: var(--color-bg-button-success-secondary-default);
  --color-bg-button-success-secondary-default: var(--color-general-color-transparent);
  --color-bg-button-success-secondary-focus: var(--color-bg-button-success-secondary-default);
  --color-bg-button-success-secondary-hover: var(--color-bg-button-success-secondary-default);
  --color-bg-button-warning-primary-active: var(--color-bg-button-warning-primary-default);
  --color-bg-button-warning-primary-default: var(--color-text-color-text-warning);
  --color-bg-button-warning-primary-focus: var(--color-bg-button-warning-primary-default);
  --color-bg-button-warning-primary-hover: var(--color-brands-owl-owl-yellow-900);
  --color-bg-button-warning-secondary-active: var(--color-bg-button-warning-secondary-default);
  --color-bg-button-warning-secondary-default: var(--color-general-color-transparent);
  --color-bg-button-warning-secondary-focus: var(--color-bg-button-warning-secondary-default);
  --color-bg-button-warning-secondary-hover: var(--color-bg-button-warning-secondary-default);
  --color-bg-com-message-card-selected-default: var(--color-bg-color-bg-accent);
  --color-bg-com-message-card-selected-focus: var(--color-bg-color-bg-accent);
  --color-bg-com-message-card-unselected-default: var(--color-general-color-white);
  --color-bg-com-message-card-unselected-focus: var(--color-bg-bg-com-message-card-unselected-hover);
  --color-bg-com-message-card-unselected-hover: var(--color-bg-bg-nav-item-unselected-default);
  --color-bg-com-message-card-unselected-pressed: var(--color-brands-owl-owl-blue-200);
  --color-bg-input-disabled-active: var(--color-bg-input-disabled-inactive);
  --color-bg-input-disabled-error: var(--color-bg-input-disabled-inactive);
  --color-bg-input-disabled-focus: var(--color-bg-input-disabled-inactive);
  --color-bg-input-disabled-hover: var(--color-bg-input-disabled-inactive);
  --color-bg-input-disabled-inactive: var(--color-bg-input-enabled-inactive);
  --color-bg-input-disabled-indeterminate: var(--color-bg-input-disabled-inactive);
  --color-bg-input-disabled-success: var(--color-bg-input-disabled-inactive);
  --color-bg-input-enabled-active: var(--color-bg-input-enabled-inactive);
  --color-bg-input-enabled-error: var(--color-bg-input-enabled-inactive);
  --color-bg-input-enabled-focus: var(--color-bg-input-enabled-inactive);
  --color-bg-input-enabled-hover: var(--color-bg-input-enabled-inactive);
  --color-bg-input-enabled-inactive: var(--color-general-color-white);
  --color-bg-input-enabled-indeterminate: var(--color-bg-input-enabled-inactive);
  --color-bg-input-enabled-success: var(--color-bg-input-enabled-inactive);
  --color-bg-input-wide-check-absent-focus: var(--color-bg-input-wide-check-absent-hover);
  --color-bg-input-wide-check-absent-hover: var(--color-brands-owl-owl-red-200);
  --color-bg-input-wide-check-absent-inactive: var(--color-brands-owl-owl-red-100);
  --color-bg-input-wide-check-absent-not-selected-default: var(--color-bg-input-wide-check-not-selected-enabled-inactive);
  --color-bg-input-wide-check-absent-not-selected-focus: var(--color-bg-input-wide-check-absent-not-selected-default);
  --color-bg-input-wide-check-absent-not-selected-hover: var(--color-bg-input-wide-check-absent-not-selected-default);
  --color-bg-input-wide-check-absent-selected-default: var(--color-bg-color-bg-error);
  --color-bg-input-wide-check-absent-selected-focus: var(--color-brands-owl-owl-red-500);
  --color-bg-input-wide-check-absent-selected-hover: var(--color-brands-owl-owl-red-200);
  --color-bg-input-wide-check-not-selected-enabled-focus: var(--color-general-color-white);
  --color-bg-input-wide-check-not-selected-enabled-hover: var(--color-bg-bg-wide-check-inactive-default);
  --color-bg-input-wide-check-not-selected-enabled-inactive: var(--color-general-color-white);
  --color-bg-input-wide-check-present-not-selected-default: var(--color-bg-input-wide-check-absent-not-selected-default);
  --color-bg-input-wide-check-present-not-selected-focus: var(--color-bg-input-wide-check-absent-not-selected-default);
  --color-bg-input-wide-check-present-not-selected-hover: var(--color-bg-input-wide-check-absent-not-selected-default);
  --color-bg-input-wide-check-present-selected-default: var(--color-bg-color-bg-success);
  --color-bg-input-wide-check-present-selected-focus: var(--color-brands-owl-owl-green-600);
  --color-bg-input-wide-check-present-selected-hover: var(--color-brands-owl-owl-green-100);
  --color-bg-input-wide-check-selected-enabled-focus: var(--color-bg-input-wide-check-selected-enabled-hover);
  --color-bg-input-wide-check-selected-enabled-hover: var(--color-brands-owl-owl-blue-100);
  --color-bg-input-wide-check-selected-enabled-inactive: var(--color-brands-owl-owl-blue-50);
  --color-bg-input-wide-radio-active: var(--color-bg-input-wide-radio-default);
  --color-bg-input-wide-radio-default: var(--input-color-bg-default);
  --color-bg-input-wide-radio-disabled: var(--color-bg-input-wide-radio-default);
  --color-bg-input-wide-radio-focus: var(--color-bg-input-wide-radio-default);
  --color-bg-input-wide-radio-hover: var(--color-bg-input-wide-radio-default);
  --color-bg-menu-menu: var(--color-general-color-white);
  --color-bg-menu-menu-collapse-button-focus: var(--color-bg-menu-menu-collapse-button-hover);
  --color-bg-menu-menu-collapse-button-hover: var(--color-bg-color-bg-accent);
  --color-bg-menu-menu-collapse-button-inactive: var(--color-bg-menu-menu);
  --color-bg-menu-menu-fav-bar: var(--color-bg-bg-menu);
  --color-bg-menu-menu-fav-item: var(--color-bg-color-bg);
  --color-bg-menu-menu-item-active: var(--color-bg-color-bg-link-active-menu);
  --color-bg-menu-menu-item-collapsed: var(--color-bg-menu-menu-item-inactive);
  --color-bg-menu-menu-item-disabled: var(--color-bg-menu-menu-item-inactive);
  --color-bg-menu-menu-item-expanded: var(--color-bg-menu-menu-item-inactive);
  --color-bg-menu-menu-item-focus: var(--color-bg-menu-menu-item-inactive);
  --color-bg-menu-menu-item-hover: var(--color-bg-color-bg-link-hover);
  --color-bg-menu-menu-item-icon-disabled: var(--color-text-menu-menu-item-name-disabled);
  --color-bg-menu-menu-item-inactive: var(--color-bg-menu-menu);
  --color-bg-menu-menu-sub-item-active: var(--color-bg-menu-menu-item-active);
  --color-bg-menu-menu-sub-item-disabled: var(--color-bg-menu-menu-item-disabled);
  --color-bg-menu-menu-sub-item-focus: var(--color-bg-menu-menu-item-focus);
  --color-bg-menu-menu-sub-item-hover: var(--color-bg-menu-menu-item-hover);
  --color-bg-menu-menu-sub-item-inactive: var(--color-bg-menu-menu-item-inactive);
  --color-bg-system-msg-danger: var(--color-brands-owl-owl-red-100);
  --color-bg-system-msg-error: var(--color-brands-owl-owl-red-100);
  --color-bg-system-msg-info: var(--color-brands-owl-owl-blue-200);
  --color-bg-system-msg-success: var(--color-brands-owl-owl-green-50);
  --color-bg-system-msg-warning: var(--color-brands-owl-owl-yellow-100);
  --color-bg-table-cell-afternoon-babysitting: var(--color-brands-owl-owl-blue-100);
  --color-bg-table-cell-babysitting: var(--color-brands-owl-owl-blue-100);
  --color-bg-table-cell-blue: var(--color-pink-pink-500);
  --color-bg-table-cell-even: var(--color-brands-owl-owl-white);
  --color-bg-table-cell-event: var(--color-brands-owl-owl-blue-100);
  --color-bg-table-cell-extracurricular-activity: var(--color-brands-owl-owl-blue-100);
  --color-bg-table-cell-green: var(--color-red-red-500);
  --color-bg-table-cell-holiday: var(--color-brands-owl-owl-green-100);
  --color-bg-table-cell-hover: var(--color-brands-owl-owl-gray-100);
  --color-bg-table-cell-inactive: var(--color-bg-bg-inactive);
  --color-bg-table-cell-lesson: var(--color-brands-owl-owl-blue-100);
  --color-bg-table-cell-lesson-canceled: var(--color-brands-owl-owl-gray-50);
  --color-bg-table-cell-lesson-finished: var(--color-brands-owl-owl-green-50);
  --color-bg-table-cell-morning-babysitting: var(--color-brands-owl-owl-blue-100);
  --color-bg-table-cell-observation: var(--color-brands-owl-owl-blue-100);
  --color-bg-table-cell-odd: var(--color-brands-owl-owl-gray-50);
  --color-bg-table-cell-parent-teacher-hours: var(--color-brands-owl-owl-blue-100);
  --color-bg-table-cell-pink: var(--color-pink-pink-500);
  --color-bg-table-cell-red: var(--color-red-red-100);
  --color-bg-table-cell-result: var(--color-brands-owl-owl-gray-100);
  --color-bg-table-cell-selected: var(--color-bg-color-bg-link-active-menu);
  --color-bg-table-cell-substitution: var(--color-brands-owl-owl-orange-100);
  --color-bg-table-cell-teal: var(--color-sky-sky-300);
  --color-bg-table-cell-violet: var(--color-orange-orange-500);
  --color-bg-table-cell-yellow: var(--color-violet-violet-500);
  --color-bg-table-header: var(--color-brands-owl-owl-gray-100);
  --color-bg-table-table: var(--color-general-color-white);
  --color-bg-tag-afternoon-babysitting: var(--color-yellow-yellow-500);
  --color-bg-tag-announced-absence: var(--color-solutions-color-absences);
  --color-bg-tag-babysitting: var(--color-pink-pink-500);
  --color-bg-tag-default: var(--color-violet-violet-600);
  --color-bg-tag-dsp: var(--color-sky-sky-600);
  --color-bg-tag-event: var(--color-brands-owl-owl-purple);
  --color-bg-tag-extracurricular-activity: var(--color-red-red-600);
  --color-bg-tag-grading: var(--color-green-green-500);
  --color-bg-tag-half-hour: var(--color-green-green-700);
  --color-bg-tag-in-progress: var(--color-green-green-600);
  --color-bg-tag-inactive: var(--color-yellow-yellow-300);
  --color-bg-tag-isp: var(--color-brands-owl-owl-orange-100);
  --color-bg-tag-lesson-canceled: var(--color-brands-owl-owl-red-600);
  --color-bg-tag-lesson-no-lesson: var(--color-brands-owl-owl-orange-300);
  --color-bg-tag-more-events: var(--color-pink-pink-600);
  --color-bg-tag-morning-babysitting: var(--color-green-green-500);
  --color-bg-tag-negative: var(--color-red-red-600);
  --color-bg-tag-notification: var(--color-red-red-600);
  --color-bg-tag-observation: var(--color-brands-owl-owl-green-400);
  --color-bg-tag-parent-teacher-hours: var(--color-teal-teal-500);
  --color-bg-tag-pre-grading: var(--color-red-red-400);
  --color-bg-tag-school: var(--color-brands-owl-owl-blue-500);
  --color-bg-tag-substitution: var(--color-sky-sky-500);
  --color-bg-tag-work-hours: var(--color-brands-owl-owl-orange-300);
  --color-bg-toggle-handle-active: var(--color-general-color-white);
  --color-bg-toggle-handle-default: var(--color-general-color-white);
  --color-bg-toggle-handle-disabled: var(--color-general-color-white);
  --color-bg-toggle-track-active: var(--color-brands-owl-owl-brand);
  --color-bg-toggle-track-active-disabled: var(--color-brands-owl-owl-blue-200);
  --color-bg-toggle-track-default: var(--color-brands-owl-owl-gray-400);
  --color-bg-toggle-track-default-disabled: var(--color-brands-owl-owl-gray-200);
  --color-bg-toggle-track-inactive: var(--color-brands-owl-owl-red-400);
  --color-border-border-accordion: var(--color-border-color-border);
  --color-border-border-attach: var(--color-border-color-border);
  --color-border-border-com-message-card-selected-focus: var(--color-general-color-white);
  --color-border-border-com-message-card-unselected-focus: var(--color-border-color-border-accent);
  --color-border-border-link-focus: var(--color-border-button-secondary-active);
  --color-border-border-nav: var(--color-border-color-border);
  --color-border-border-nav-item-unselected-focus: var(--color-border-color-border-accent);
  --color-border-border-nav-segment-active: var(--color-brands-owl-owl-brand);
  --color-border-border-photo-upload: var(--color-border-color-border);
  --color-border-border-progress-bar: var(--color-border-color-border);
  --color-border-border-table: var(--color-border-color-border);
  --color-border-border-table-cell-selected: var(--color-border-color-border-accent);
  --color-border-border-wide-check-absent: var(--color-brands-owl-owl-red-500);
  --color-border-border-wide-check-active-default: var(--color-border-color-border-accent);
  --color-border-border-wide-check-active-focus: var(--color-brands-owl-owl-blue-600);
  --color-border-border-wide-check-active-hover: var(--color-brands-owl-owl-blue-600);
  --color-border-border-wide-check-active-locked: var(--color-brands-owl-owl-gray-300);
  --color-border-border-wide-check-inactive-default: var(--color-border-border-nav);
  --color-border-border-wide-check-inactive-focus: var(--color-border-button-primary-focus);
  --color-border-border-wide-check-inactive-hover: var(--color-bg-bg-wide-check-inactive-default);
  --color-border-color-border: var(--color-brands-owl-owl-gray-300);
  --color-border-color-border-accent: var(--color-general-color-brand);
  --color-border-color-border-accent-subtle: var(--color-brands-owl-owl-blue-500);
  --color-border-color-border-active: var(--color-green-green-700);
  --color-border-color-border-card: var(--color-brands-owl-owl-gray-300);
  --color-border-color-border-danger: var(--color-red-red-600);
  --color-border-color-border-disabled: var(--color-brands-owl-owl-gray-200);
  --color-border-color-border-error: var(--color-brands-owl-owl-red-200);
  --color-border-color-border-info: var(--color-text-color-text-info);
  --color-border-color-border-info-subtle: var(--color-brands-owl-owl-blue-200);
  --color-border-color-border-input: var(--color-brands-owl-owl-gray-300);
  --color-border-color-border-success: var(--color-brands-owl-owl-green-600);
  --color-border-color-border-tab-active: var(--color-brands-owl-owl-brand);
  --color-border-color-border-warning: var(--color-text-color-text-warning);
  --color-border-grade-inactive: var(--color-border-color-border);
  --color-border-homework-done: var(--color-border-color-border-success);
  --color-border-homework-incomplete: var(--color-violet-violet-600);
  --color-border-homework-not-done: var(--color-border-color-border-error);
  --color-border-homework-not-reviewed: var(--color-border-color-border);
  --color-border-homework-wrong: var(--color-border-color-border-warning);
  --color-border-selected: var(--color-border-color-border-accent);
  --color-border-button-create-active: var(--color-border-button-create-hover);
  --color-border-button-create-default: var(--color-bg-button-create-default);
  --color-border-button-create-disabled: var(--color-bg-button-create-disabled);
  --color-border-button-create-focus: var(--color-border-button-create-hover);
  --color-border-button-create-hover: var(--color-bg-button-create-hover);
  --color-border-button-create-loading: var(--color-border-button-create-hover);
  --color-border-button-danger-primary-active: var(--color-border-button-danger-primary-hover);
  --color-border-button-danger-primary-default: var(--color-text-color-text-danger);
  --color-border-button-danger-primary-focus: var(--color-border-button-danger-primary-hover);
  --color-border-button-danger-primary-hover: var(--color-brands-owl-owl-red-700);
  --color-border-button-danger-secondary-active: var(--color-border-button-danger-primary-active);
  --color-border-button-danger-secondary-default: var(--color-border-button-danger-primary-default);
  --color-border-button-danger-secondary-focus: var(--color-border-button-danger-primary-focus);
  --color-border-button-danger-secondary-hover: var(--color-border-button-danger-primary-hover);
  --color-border-button-delete-active: var(--color-border-button-delete-default);
  --color-border-button-delete-default: var(--color-basic-transparent);
  --color-border-button-delete-disabled: var(--color-border-button-delete-default);
  --color-border-button-delete-focus: var(--color-text-button-delete-default);
  --color-border-button-delete-hover: var(--color-border-button-delete-default);
  --color-border-button-delete-loading: var(--color-border-button-delete-default);
  --color-border-button-edit-active: var(--color-border-button-edit-default);
  --color-border-button-edit-default: var(--color-basic-transparent);
  --color-border-button-edit-disabled: var(--color-border-button-edit-default);
  --color-border-button-edit-focus: var(--color-brands-owl-owl-brand);
  --color-border-button-edit-hover: var(--color-border-button-edit-default);
  --color-border-button-edit-loading: var(--color-border-button-edit-default);
  --color-border-button-error-primary-active: var(--color-border-button-danger-primary-hover);
  --color-border-button-error-primary-default: var(--color-text-color-text-danger);
  --color-border-button-error-primary-focus: var(--color-border-button-danger-primary-hover);
  --color-border-button-error-primary-hover: var(--color-brands-owl-owl-red-800);
  --color-border-button-error-secondary-active: var(--color-border-button-danger-primary-active);
  --color-border-button-error-secondary-default: var(--color-border-button-danger-primary-default);
  --color-border-button-error-secondary-focus: var(--color-border-button-danger-primary-focus);
  --color-border-button-error-secondary-hover: var(--color-border-button-danger-primary-hover);
  --color-border-button-info-primary-active: var(--color-border-button-info-primary-hover);
  --color-border-button-info-primary-default: var(--color-bg-button-info-primary-default);
  --color-border-button-info-primary-focus: var(--color-border-button-info-primary-hover);
  --color-border-button-info-primary-hover: var(--color-bg-button-info-primary-hover);
  --color-border-button-info-secondary-active: var(--color-border-button-info-primary-active);
  --color-border-button-info-secondary-default: var(--color-border-button-info-primary-default);
  --color-border-button-info-secondary-focus: var(--color-border-button-info-primary-focus);
  --color-border-button-info-secondary-hover: var(--color-border-button-info-primary-hover);
  --color-border-button-primary-active: var(--color-brands-owl-owl-blue-600);
  --color-border-button-primary-default: var(--color-bg-button-primary-default);
  --color-border-button-primary-disabled: var(--color-bg-button-primary-disabled);
  --color-border-button-primary-focus: var(--color-brands-owl-owl-blue-600);
  --color-border-button-primary-hover: var(--color-bg-button-primary-hover);
  --color-border-button-primary-loading: var(--color-brands-owl-owl-blue-600);
  --color-border-button-secondary-active: var(--color-brands-owl-owl-gray-300);
  --color-border-button-secondary-default: var(--color-brands-owl-owl-gray-200);
  --color-border-button-secondary-disabled: var(--color-brands-owl-owl-gray-100);
  --color-border-button-secondary-focus: var(--color-brands-owl-owl-gray-500);
  --color-border-button-secondary-hover: var(--color-brands-owl-owl-gray-300);
  --color-border-button-secondary-loading: var(--color-brands-owl-owl-gray-300);
  --color-border-button-success-primary-active: var(--color-border-button-success-primary-hover);
  --color-border-button-success-primary-default: var(--color-bg-button-success-primary-default);
  --color-border-button-success-primary-focus: var(--color-border-button-success-primary-hover);
  --color-border-button-success-primary-hover: var(--color-bg-button-success-primary-hover);
  --color-border-button-success-secondary-active: var(--color-border-button-success-primary-active);
  --color-border-button-success-secondary-default: var(--color-border-button-success-primary-default);
  --color-border-button-success-secondary-focus: var(--color-border-button-success-primary-focus);
  --color-border-button-success-secondary-hover: var(--color-border-button-success-primary-hover);
  --color-border-button-warning-primary-active: var(--color-border-button-warning-primary-hover);
  --color-border-button-warning-primary-default: var(--color-bg-button-warning-primary-default);
  --color-border-button-warning-primary-focus: var(--color-border-button-warning-primary-hover);
  --color-border-button-warning-primary-hover: var(--color-brands-owl-owl-yellow-900);
  --color-border-button-warning-secondary-active: var(--color-border-button-warning-primary-active);
  --color-border-button-warning-secondary-default: var(--color-border-button-warning-primary-default);
  --color-border-button-warning-secondary-focus: var(--color-border-button-warning-primary-focus);
  --color-border-button-warning-secondary-hover: var(--color-border-button-warning-primary-hover);
  --color-border-input-disabled-active: var(--color-border-input-disabled-inactive);
  --color-border-input-disabled-error: var(--color-border-input-disabled-inactive);
  --color-border-input-disabled-focus: var(--color-border-input-disabled-inactive);
  --color-border-input-disabled-hover: var(--color-border-input-disabled-inactive);
  --color-border-input-disabled-inactive: var(--color-border-color-border-disabled);
  --color-border-input-disabled-indeterminate: var(--color-border-input-disabled-inactive);
  --color-border-input-disabled-success: var(--color-border-input-disabled-inactive);
  --color-border-input-enabled-active: var(--color-brands-owl-owl-gray-300);
  --color-border-input-enabled-error: var(--color-border-color-border-error);
  --color-border-input-enabled-focus: var(--color-border-color-border-accent);
  --color-border-input-enabled-hover: var(--color-border-color-border-accent-subtle);
  --color-border-input-enabled-inactive: var(--color-border-color-border);
  --color-border-input-enabled-indeterminate: var(--color-border-input-enabled-inactive);
  --color-border-input-enabled-success: var(--color-border-input-enabled-inactive);
  --color-border-input-wide-check-absent-focus: var(--color-border-input-wide-check-absent-inactive);
  --color-border-input-wide-check-absent-hover: var(--color-border-input-wide-check-absent-inactive);
  --color-border-input-wide-check-absent-inactive: var(--color-border-color-border-error);
  --color-border-input-wide-check-absent-not-selected-default: var(--color-border-input-wide-check-not-selected-enabled-inactive);
  --color-border-input-wide-check-absent-not-selected-focus: var(--color-border-input-wide-check-absent-selected-default);
  --color-border-input-wide-check-absent-not-selected-hover: var(--color-border-input-wide-check-absent-not-selected-default);
  --color-border-input-wide-check-absent-selected-default: var(--color-border-input-enabled-error);
  --color-border-input-wide-check-absent-selected-focus: var(--color-border-input-wide-check-absent-selected-default);
  --color-border-input-wide-check-absent-selected-hover: var(--color-border-input-wide-check-absent-selected-default);
  --color-border-input-wide-check-not-selected-enabled-focus: var(--color-border-button-primary-focus);
  --color-border-input-wide-check-not-selected-enabled-hover: var(--color-text-button-secondary-focus);
  --color-border-input-wide-check-not-selected-enabled-inactive: var(--color-border-border-nav);
  --color-border-input-wide-check-present-not-selected-default: var(--color-border-input-wide-check-not-selected-enabled-inactive);
  --color-border-input-wide-check-present-not-selected-focus: var(--color-border-input-wide-check-present-selected-default);
  --color-border-input-wide-check-present-not-selected-hover: var(--color-border-input-wide-check-present-not-selected-default);
  --color-border-input-wide-check-present-selected-default: var(--color-border-button-success-primary-default);
  --color-border-input-wide-check-present-selected-focus: var(--color-border-input-wide-check-present-selected-default);
  --color-border-input-wide-check-present-selected-hover: var(--color-border-input-wide-check-present-selected-default);
  --color-border-input-wide-check-selected-enabled-focus: var(--color-brands-owl-owl-blue-600);
  --color-border-input-wide-check-selected-enabled-hover: var(--color-brands-owl-owl-blue-600);
  --color-border-input-wide-check-selected-enabled-inactive: var(--color-brands-owl-owl-blue-600);
  --color-border-input-wide-radio-active: var(--color-border-input-enabled-focus);
  --color-border-input-wide-radio-default: var(--color-border-input-enabled-inactive);
  --color-border-input-wide-radio-disabled: var(--color-brands-owl-owl-gray-100);
  --color-border-input-wide-radio-focus: var(--color-border-input-enabled-focus);
  --color-border-input-wide-radio-hover: var(--color-border-input-enabled-focus);
  --color-border-menu-menu: var(--color-border-color-border);
  --color-border-menu-menu-collapse-button-focus: var(--color-border-button-primary-focus);
  --color-border-menu-menu-collapse-button-hover: var(--color-bg-menu-menu-collapse-button-hover);
  --color-border-menu-menu-collapse-button-inactive: var(--color-border-menu-menu);
  --color-border-menu-menu-divider: var(--color-border-color-border);
  --color-border-menu-menu-fav-bar: var(--color-bg-menu-menu-fav-bar);
  --color-border-menu-menu-fav-item-focus: var(--color-icon-menu-menu-fav-item-focus);
  --color-border-menu-menu-fav-item-hover: var(--color-bg-menu-menu-fav-item);
  --color-border-menu-menu-fav-item-inactive: var(--color-bg-menu-menu-fav-item);
  --color-border-menu-menu-item-active: var(--color-bg-menu-menu-item-active);
  --color-border-menu-menu-item-collapsed: var(--color-bg-menu-menu-item-collapsed);
  --color-border-menu-menu-item-disabled: var(--color-bg-menu-menu-item-disabled);
  --color-border-menu-menu-item-expanded: var(--color-bg-menu-menu-item-expanded);
  --color-border-menu-menu-item-focus: var(--color-border-button-secondary-focus);
  --color-border-menu-menu-item-hover: var(--color-bg-menu-menu-item-hover);
  --color-border-menu-menu-item-inactive: var(--color-bg-menu-menu-item-inactive);
  --color-border-menu-menu-sub-item-active: var(--color-bg-menu-menu-sub-item-active);
  --color-border-menu-menu-sub-item-disabled: var(--color-bg-menu-menu-sub-item-disabled);
  --color-border-menu-menu-sub-item-focus: var(--color-border-menu-menu-item-focus);
  --color-border-menu-menu-sub-item-hover: var(--color-bg-menu-menu-sub-item-hover);
  --color-border-menu-menu-sub-item-inactive: var(--color-bg-menu-menu-sub-item-inactive);
  --color-border-toggle-focus: var(--color-border-color-border-accent);
  --color-border-toggle-track-active: var(--color-bg-toggle-track-active);
  --color-border-toggle-track-active-disabled: var(--color-bg-toggle-track-active-disabled);
  --color-border-toggle-track-default: var(--color-bg-toggle-track-default);
  --color-border-toggle-track-default-disabled: var(--color-bg-toggle-track-default-disabled);
  --color-divider-color-divider: var(--color-brands-owl-owl-gray-200);
  --color-general-color-black: var(--color-brands-owl-owl-black);
  --color-general-color-brand: var(--color-brands-owl-owl-brand);
  --color-general-color-brand-inverse: var(--color-brands-owl-owl-white);
  --color-general-color-transparent: var(--color-brands-owl-owl-transparent);
  --color-general-color-white: var(--color-brands-owl-owl-white);
  --color-icon-absent: var(--color-icon-color-icon-error);
  --color-icon-color-icon: var(--color-brands-owl-owl-gray-500);
  --color-icon-color-icon-accent: var(--color-brands-owl-owl-brand);
  --color-icon-color-icon-accent-inverse: var(--color-brands-owl-owl-white);
  --color-icon-color-icon-create: var(--color-brands-owl-owl-green-400);
  --color-icon-color-icon-danger: var(--color-red-red-700);
  --color-icon-color-icon-delete-remove: var(--color-red-red-700);
  --color-icon-color-icon-disabled: var(--color-brands-owl-owl-gray-500);
  --color-icon-color-icon-error: var(--color-brands-owl-owl-red-600);
  --color-icon-color-icon-inactive: var(--color-brands-owl-owl-gray-700);
  --color-icon-color-icon-info: var(--color-brands-owl-owl-blue-700);
  --color-icon-color-icon-menu: var(--color-basic-white);
  --color-icon-color-icon-select-chevron: var(--color-brands-owl-owl-gray-500);
  --color-icon-color-icon-subtle: var(--color-brands-owl-owl-gray-300);
  --color-icon-color-icon-success: var(--color-brands-owl-owl-green-400);
  --color-icon-color-icon-warning: var(--color-brands-owl-owl-yellow-900);
  --color-icon-homework-done: var(--color-icon-color-icon-success);
  --color-icon-homework-incomplete: var(--color-violet-violet-600);
  --color-icon-homework-not-done: var(--color-icon-color-icon-error);
  --color-icon-homework-not-reviewed: var(--color-icon-color-icon);
  --color-icon-homework-wrong: var(--color-icon-color-icon-warning);
  --color-icon-icon-accordion-chevron: var(--color-icon-color-icon);
  --color-icon-icon-attach: var(--color-icon-color-icon);
  --color-icon-icon-attach-close-hover: var(--color-icon-color-icon-delete-remove);
  --color-icon-icon-attach-close-inactive: var(--color-brands-owl-owl-gray-500);
  --color-icon-icon-breadcrumbs: var(--color-violet-violet-600);
  --color-icon-icon-button-primary: var(--color-general-color-white);
  --color-icon-icon-checkbox-accent: var(--color-brands-owl-owl-brand);
  --color-icon-icon-checkbox-default: var(--color-brands-owl-owl-gray-500);
  --color-icon-icon-checkbox-disabled: var(--color-icon-icon-radio-disabled);
  --color-icon-icon-com-message-card-selected-attachment: var(--color-icon-color-icon-accent-inverse);
  --color-icon-icon-com-message-card-unselected-attachment: var(--color-icon-color-icon-subtle);
  --color-icon-icon-female: var(--color-pink-pink-500);
  --color-icon-icon-female-caretaker: var(--color-pink-pink-700);
  --color-icon-icon-link: var(--color-brands-owl-owl-brand);
  --color-icon-icon-link-active: var(--color-text-text-link-active);
  --color-icon-icon-link-default: var(--color-brands-owl-owl-brand);
  --color-icon-icon-link-disabled: var(--color-text-text-link-disabled);
  --color-icon-icon-link-hover: var(--color-text-text-link-hover);
  --color-icon-icon-male: var(--color-sky-sky-500);
  --color-icon-icon-male-caretaker: var(--color-sky-sky-700);
  --color-icon-icon-nav-default: var(--color-brands-owl-owl-gray-700);
  --color-icon-icon-partial-school-from-home: var(--color-gray-gray-400);
  --color-icon-icon-photo-upload: var(--color-icon-color-icon);
  --color-icon-icon-radio-accent: var(--color-brands-owl-owl-brand);
  --color-icon-icon-radio-default: var(--color-brands-owl-owl-gray-500);
  --color-icon-icon-radio-disabled: var(--color-brands-owl-owl-gray-100);
  --color-icon-icon-school-from-home: var(--color-orange-orange-300);
  --color-icon-icon-wide-check-absent: var(--color-icon-icon-wide-check-inactive-default);
  --color-icon-icon-wide-check-active-default: var(--color-brands-owl-owl-brand);
  --color-icon-icon-wide-check-active-focus: var(--color-icon-icon-button-primary);
  --color-icon-icon-wide-check-active-hover: var(--color-brands-owl-owl-blue-600);
  --color-icon-icon-wide-check-active-locked: var(--color-icon-color-icon-inactive);
  --color-icon-icon-wide-check-inactive-default: var(--color-brands-owl-owl-brand);
  --color-icon-icon-wide-check-inactive-focus: var(--color-brands-owl-owl-brand);
  --color-icon-icon-wide-check-inactive-hover: var(--color-brands-owl-owl-brand);
  --color-icon-button-create-default: var(--color-icon-button-primary-default);
  --color-icon-button-create-disabled: var(--color-text-button-create-disabled);
  --color-icon-button-delete-default: var(--color-brands-owl-owl-red-600);
  --color-icon-button-delete-disabled: var(--color-icon-button-secondary-disabled);
  --color-icon-button-delete-hover: var(--color-brands-owl-owl-red-600);
  --color-icon-button-edit-default: var(--color-brands-owl-owl-brand);
  --color-icon-button-edit-disabled: var(--color-icon-button-secondary-disabled);
  --color-icon-button-edit-hover: var(--color-text-button-edit-hover);
  --color-icon-button-primary-default: var(--color-icon-color-icon-accent-inverse);
  --color-icon-button-primary-disabled: var(--color-text-button-primary-disabled);
  --color-icon-button-secondary-default: var(--color-brands-owl-owl-gray-500);
  --color-icon-button-secondary-disabled: var(--color-text-button-secondary-disabled);
  --color-icon-button-secondary-hover: var(--color-text-button-secondary-hover);
  --color-icon-input-disabled-active: var(--color-icon-input-disabled-inactive);
  --color-icon-input-disabled-error: var(--color-icon-input-disabled-inactive);
  --color-icon-input-disabled-focus: var(--color-icon-input-disabled-inactive);
  --color-icon-input-disabled-hover: var(--color-icon-input-disabled-inactive);
  --color-icon-input-disabled-inactive: var(--color-brands-owl-owl-gray-100);
  --color-icon-input-disabled-indeterminate: var(--color-icon-input-disabled-inactive);
  --color-icon-input-disabled-success: var(--color-icon-input-disabled-inactive);
  --color-icon-input-enabled-active: var(--color-brands-owl-owl-brand);
  --color-icon-input-enabled-error: var(--color-icon-color-icon-error);
  --color-icon-input-enabled-focus: var(--color-brands-owl-owl-brand);
  --color-icon-input-enabled-hover: var(--color-brands-owl-owl-brand);
  --color-icon-input-enabled-inactive: var(--color-brands-owl-owl-gray-500);
  --color-icon-input-enabled-indeterminate: var(--color-brands-owl-owl-brand);
  --color-icon-input-enabled-success: var(--color-icon-color-icon-success);
  --color-icon-input-placeholder: var(--color-text-input-placeholder);
  --color-icon-input-wide-check-absent-focus: var(--color-icon-input-wide-check-absent-inactive);
  --color-icon-input-wide-check-absent-hover: var(--color-icon-input-wide-check-absent-inactive);
  --color-icon-input-wide-check-absent-inactive: var(--color-icon-icon-wide-check-inactive-default);
  --color-icon-input-wide-check-absent-not-selected-default: var(--color-icon-input-enabled-error);
  --color-icon-input-wide-check-absent-not-selected-focus: var(--color-icon-input-wide-check-absent-not-selected-default);
  --color-icon-input-wide-check-absent-not-selected-hover: var(--color-icon-input-wide-check-absent-not-selected-default);
  --color-icon-input-wide-check-absent-selected-default: var(--color-icon-input-wide-check-absent-not-selected-default);
  --color-icon-input-wide-check-absent-selected-focus: var(--color-icon-icon-wide-check-active-focus);
  --color-icon-input-wide-check-absent-selected-hover: var(--color-icon-input-wide-check-absent-not-selected-default);
  --color-icon-input-wide-check-not-selected-enabled-focus: var(--color-icon-input-wide-check-not-selected-enabled-inactive);
  --color-icon-input-wide-check-not-selected-enabled-hover: var(--color-icon-input-wide-check-not-selected-enabled-inactive);
  --color-icon-input-wide-check-not-selected-enabled-inactive: var(--color-brands-owl-owl-brand);
  --color-icon-input-wide-check-present-not-selected-default: var(--color-icon-color-icon-success);
  --color-icon-input-wide-check-present-not-selected-focus: var(--color-icon-input-wide-check-present-not-selected-default);
  --color-icon-input-wide-check-present-not-selected-hover: var(--color-icon-input-wide-check-present-not-selected-default);
  --color-icon-input-wide-check-present-selected-default: var(--color-icon-input-wide-check-present-not-selected-default);
  --color-icon-input-wide-check-present-selected-focus: var(--color-icon-icon-wide-check-active-focus);
  --color-icon-input-wide-check-present-selected-hover: var(--color-icon-input-wide-check-present-not-selected-default);
  --color-icon-input-wide-check-selected-enabled-focus: var(--color-icon-input-wide-check-not-selected-enabled-inactive);
  --color-icon-input-wide-check-selected-enabled-hover: var(--color-icon-input-wide-check-not-selected-enabled-inactive);
  --color-icon-input-wide-check-selected-enabled-inactive: var(--color-icon-input-wide-check-not-selected-enabled-inactive);
  --color-icon-input-wide-radio-active: var(--color-icon-input-wide-radio-hover);
  --color-icon-input-wide-radio-default: var(--color-icon-color-icon);
  --color-icon-input-wide-radio-disabled: var(--color-icon-color-icon-disabled);
  --color-icon-input-wide-radio-focus: var(--color-icon-input-wide-radio-hover);
  --color-icon-input-wide-radio-hover: var(--color-icon-color-icon-accent);
  --color-icon-menu-icon-menu-chevron: var(--color-icon-color-icon);
  --color-icon-menu-menu-collapse-button-focus: var(--color-icon-menu-menu-collapse-button-hover);
  --color-icon-menu-menu-collapse-button-hover: var(--color-icon-color-icon-accent-inverse);
  --color-icon-menu-menu-collapse-button-inactive: var(--color-icon-color-icon-inactive);
  --color-icon-menu-menu-fav-item-focus: var(--color-icon-menu-menu-fav-item-hover);
  --color-icon-menu-menu-fav-item-hover: var(--color-icon-menu-menu-sub-item-icon-active);
  --color-icon-menu-menu-fav-item-inactive: var(--color-icon-color-icon-disabled);
  --color-icon-menu-menu-item-icon: var(--color-basic-white);
  --color-icon-menu-menu-sub-item-icon-active: var(--color-icon-color-icon-accent);
  --color-icon-menu-menu-sub-item-icon-inactive: var(--color-icon-color-icon-disabled);
  --color-icon-toggle-active: var(--color-icon-color-icon-accent);
  --color-icon-toggle-active-disabled: var(--color-brands-owl-owl-blue-200);
  --color-icon-toggle-default: var(--color-icon-color-icon-subtle);
  --color-icon-toggle-default-disabled: var(--color-brands-owl-owl-gray-50);
  --color-progress-bar-color-bg-progress-bar: var(--color-gray-gray-300);
  --color-progress-bar-color-progress-1: var(--color-red-red-500);
  --color-progress-bar-color-progress-2: var(--color-orange-orange-500);
  --color-progress-bar-color-progress-3: var(--color-yellow-yellow-500);
  --color-progress-bar-color-progress-4: var(--color-green-green-500);
  --color-progress-bar-color-progress-5: var(--color-green-green-300);
  --color-progress-bar-color-progress-bar: var(--color-general-color-brand);
  --color-shadow-color-shadow: var(--color-brands-owl-owl-transparent);
  --color-slider-slider-handle: var(--color-brands-owl-owl-gray-400);
  --color-slider-slider-on-scroll: var(--color-brands-owl-owl-gray-300);
  --color-slider-slider-rail: var(--color-brands-owl-owl-gray-200);
  --color-solutions-color-absences: var(--color-orange-orange-600);
  --color-solutions-color-accountant: var(--color-brands-owl-owl-green-600);
  --color-solutions-color-annual-prepartion: var(--color-yellow-yellow-500);
  --color-solutions-color-assessments: var(--color-violet-violet-600);
  --color-solutions-color-caretaker: var(--color-teal-teal-500);
  --color-solutions-color-class-teacher: var(--color-brands-owl-owl-green-400);
  --color-solutions-color-communication: var(--color-brands-owl-owl-blue-600);
  --color-solutions-color-consents: var(--color-teal-teal-600);
  --color-solutions-color-contracts: var(--color-brands-owl-owl-green-700);
  --color-solutions-color-cooperation: var(--color-brands-owl-owl-yellow-500);
  --color-solutions-color-designated-teachers: var(--color-sky-sky-600);
  --color-solutions-color-document-management: var(--color-brands-owl-owl-gray-500);
  --color-solutions-color-enrollment: var(--color-sky-sky-500);
  --color-solutions-color-exams: var(--color-brands-owl-owl-gray-500);
  --color-solutions-color-extra-activities: var(--color-yellow-yellow-400);
  --color-solutions-color-grades: var(--color-brands-owl-owl-purple);
  --color-solutions-color-headmaster: var(--color-brands-owl-owl-blue-700);
  --color-solutions-color-help: var(--color-red-red-300);
  --color-solutions-color-homepage: var(--color-brands-owl-owl-gray-700);
  --color-solutions-color-homework: var(--color-brands-owl-owl-yellow-900);
  --color-solutions-color-journal: var(--color-brands-owl-owl-brand);
  --color-solutions-color-logout: var(--color-gray-gray-400);
  --color-solutions-color-matura: var(--color-brands-owl-owl-orange-700);
  --color-solutions-color-messages-archive: var(--color-sky-sky-300);
  --color-solutions-color-national-assessment: var(--color-sky-sky-700);
  --color-solutions-color-notifications: var(--color-brands-owl-owl-red-600);
  --color-solutions-color-nutrition: var(--color-brands-owl-owl-green-600);
  --color-solutions-color-online-classroom: var(--color-yellow-yellow-500);
  --color-solutions-color-organization: var(--color-brands-owl-owl-orange-700);
  --color-solutions-color-parent-teacher-hours: var(--color-sky-sky-700);
  --color-solutions-color-parents-portal: var(--color-green-green-400);
  --color-solutions-color-participants: var(--color-brands-owl-owl-blue-500);
  --color-solutions-color-personal-assistant: var(--color-red-red-400);
  --color-solutions-color-printouts: var(--color-brands-owl-owl-red-600);
  --color-solutions-color-programs: var(--color-brands-owl-owl-green-800);
  --color-solutions-color-schedule: var(--color-teal-teal-500);
  --color-solutions-color-school-ids: var(--color-brands-owl-owl-purple);
  --color-solutions-color-schools: var(--color-brands-owl-owl-green-400);
  --color-solutions-color-selection-procedure: var(--color-brands-owl-owl-green-400);
  --color-solutions-color-settings: var(--color-brands-owl-owl-blue-600);
  --color-solutions-color-social-worker: var(--color-orange-orange-400);
  --color-solutions-color-subjects: var(--color-yellow-yellow-300);
  --color-solutions-color-superadmin: var(--color-pink-pink-500);
  --color-solutions-color-teacher: var(--color-sky-sky-800);
  --color-solutions-color-work-hours: var(--color-brands-owl-owl-orange-300);
  --color-special-advancement-black: var(--color-brands-owl-owl-black);
  --color-special-advancement-gray-dark: var(--color-sky-sky-950);
  --color-special-advancement-gray-light: var(--color-text-color-text-subtle);
  --color-special-advancement-green: var(--color-text-color-text-success);
  --color-special-advancement-red: var(--color-text-color-text-error);
  --color-special-advancement-violet: var(--color-pink-pink-600);
  --color-special-grade-black: var(--color-brands-owl-owl-black);
  --color-special-grade-blue: var(--color-brands-owl-owl-blue-600);
  --color-special-grade-blue-violet: var(--color-violet-violet-600);
  --color-special-grade-brown: var(--color-brands-owl-owl-red-800);
  --color-special-grade-emerald: var(--color-brands-owl-owl-green-900);
  --color-special-grade-fuchsia: var(--color-brands-owl-owl-purple);
  --color-special-grade-gray: var(--color-brands-owl-owl-gray-500);
  --color-special-grade-gray-blue: var(--color-brands-owl-owl-gray-400);
  --color-special-grade-gray-yellow: var(--color-brands-owl-owl-yellow-500);
  --color-special-grade-green: var(--color-brands-owl-owl-green-700);
  --color-special-grade-light-green: var(--color-brands-owl-owl-green-400);
  --color-special-grade-orange: var(--color-brands-owl-owl-orange-700);
  --color-special-grade-pink: var(--color-pink-pink-500);
  --color-special-grade-red: var(--color-brands-owl-owl-red-500);
  --color-special-grade-teal: var(--color-teal-teal-500);
  --color-special-grade-violet: var(--color-violet-violet-700);
  --color-special-grade-yellow: var(--color-brands-owl-owl-yellow-500);
  --color-special-nutrition-canceled: var(--color-solutions-color-notifications);
  --color-special-nutrition-registered: var(--color-brands-owl-owl-green-800);
  --color-special-nutrition-unregistered: var(--color-brands-owl-owl-gray-700);
  --color-text-absent: var(--color-text-color-text-error);
  --color-text-color-link: var(--color-general-color-brand);
  --color-text-color-text: var(--color-brands-owl-owl-gray-700);
  --color-text-color-text-brand: var(--color-general-color-brand);
  --color-text-color-text-create: var(--color-brands-owl-owl-green-400);
  --color-text-color-text-danger: var(--color-brands-owl-owl-red-600);
  --color-text-color-text-delete: var(--color-brands-owl-owl-red-600);
  --color-text-color-text-disabled: var(--color-brands-owl-owl-gray-500);
  --color-text-color-text-error: var(--color-brands-owl-owl-red-600);
  --color-text-color-text-error-inverse: var(--color-general-color-white);
  --color-text-color-text-info: var(--color-brands-owl-owl-blue-700);
  --color-text-color-text-input-inactive: var(--color-brands-owl-owl-gray-500);
  --color-text-color-text-inverse: var(--color-brands-owl-owl-white);
  --color-text-color-text-select: var(--color-brands-owl-owl-gray-700);
  --color-text-color-text-substitution: var(--color-general-color-black);
  --color-text-color-text-subtle: var(--color-brands-owl-owl-gray-700);
  --color-text-color-text-success: var(--color-brands-owl-owl-green-600);
  --color-text-color-text-warning: var(--color-brands-owl-owl-yellow-900);
  --color-text-grade-inactive: var(--color-text-inactive);
  --color-text-homework-done: var(--color-text-color-text-success);
  --color-text-homework-incomplete: var(--color-violet-violet-600);
  --color-text-homework-not-done: var(--color-text-color-text);
  --color-text-homework-not-reviewed: var(--color-icon-color-icon);
  --color-text-homework-wrong: var(--color-text-color-text-warning);
  --color-text-inactive: var(--color-brands-owl-owl-gray-500);
  --color-text-text-absence: var(--color-general-color-black);
  --color-text-text-accordion-counter-active: var(--color-text-color-text);
  --color-text-text-accordion-counter-inactive: var(--color-text-color-text-subtle);
  --color-text-text-accordion-header: var(--color-text-color-text);
  --color-text-text-afternoon-babysitting: var(--color-general-color-black);
  --color-text-text-attach-file-name: var(--color-text-color-text);
  --color-text-text-attach-size: var(--color-text-color-text-subtle);
  --color-text-text-babysitting: var(--color-general-color-black);
  --color-text-text-breadcrumb-unclicable: var(--color-brands-owl-owl-gray-700);
  --color-text-text-card-description: var(--color-general-color-black);
  --color-text-text-card-heading: var(--color-general-color-black);
  --color-text-text-com-message-card-selected-date: var(--color-text-color-text-inverse);
  --color-text-text-com-message-card-selected-default: var(--color-text-color-text-inverse);
  --color-text-text-com-message-card-unselected-date: var(--color-brands-owl-owl-gray-500);
  --color-text-text-com-message-card-unselected-default: var(--color-general-color-black);
  --color-text-text-event: var(--color-general-color-black);
  --color-text-text-extracuriccular-activity: var(--color-general-color-black);
  --color-text-text-label: var(--color-text-color-text);
  --color-text-text-lesson-canceled: var(--color-general-color-black);
  --color-text-text-link-active: var(--color-brands-owl-owl-blue-600);
  --color-text-text-link-default: var(--color-brands-owl-owl-brand);
  --color-text-text-link-disabled: var(--color-text-button-primary-disabled);
  --color-text-text-link-focus: var(--color-text-text-link-default);
  --color-text-text-link-hover: var(--color-brands-owl-owl-blue-600);
  --color-text-text-link-loadnig: var(--color-text-text-link-default);
  --color-text-text-message-date-divider: var(--color-text-color-text);
  --color-text-text-morning-babysitting: var(--color-general-color-black);
  --color-text-text-nav-active: var(--color-brands-owl-owl-black);
  --color-text-text-nav-default: var(--color-brands-owl-owl-black);
  --color-text-text-nav-disabled: var(--color-text-color-text-disabled);
  --color-text-text-nav-error: var(--color-text-text-nav-default);
  --color-text-text-nav-filled: var(--color-text-text-nav-default);
  --color-text-text-nav-focused: var(--color-text-text-nav-default);
  --color-text-text-nav-hover: var(--color-text-text-nav-default);
  --color-text-text-nav-inactive: var(--color-brands-owl-owl-gray-500);
  --color-text-text-nav-segment-active: var(--color-brands-owl-owl-black);
  --color-text-text-nav-success: var(--color-text-text-nav-default);
  --color-text-text-observation: var(--color-general-color-black);
  --color-text-text-page-heading: var(--color-general-color-black);
  --color-text-text-parent-teacher-hours: var(--color-general-color-black);
  --color-text-text-photo-upload-message: var(--color-text-color-text);
  --color-text-text-school-tag: var(--color-basic-white);
  --color-text-text-selected: var(--color-general-color-brand);
  --color-text-text-table-cell: var(--color-brands-owl-owl-black);
  --color-text-text-table-header: var(--color-brands-owl-owl-gray-500);
  --color-text-text-wide-check-absent: var(--color-text-color-text-error);
  --color-text-text-wide-check-active-default: var(--color-brands-owl-owl-gray-700);
  --color-text-text-wide-check-active-focus: var(--color-text-button-primary-focus);
  --color-text-text-wide-check-active-hover: var(--color-text-text-wide-check-inactive-hover);
  --color-text-text-wide-check-active-locked: var(--color-text-color-text);
  --color-text-text-wide-check-inactive-default: var(--color-text-color-text);
  --color-text-text-wide-check-inactive-focus: var(--color-text-color-text);
  --color-text-text-wide-check-inactive-hover: var(--color-text-color-link);
  --color-text-button-color-text-button: var(--color-brands-owl-owl-white);
  --color-text-button-create-active: var(--color-text-button-primary-default);
  --color-text-button-create-default: var(--color-brands-owl-owl-white);
  --color-text-button-create-disabled: var(--color-brands-owl-owl-green-400);
  --color-text-button-create-focus: var(--color-text-button-primary-default);
  --color-text-button-create-hover: var(--color-text-button-primary-default);
  --color-text-button-create-loading: var(--color-brands-owl-owl-white);
  --color-text-button-danger-primary-active: var(--color-text-button-danger-primary-default);
  --color-text-button-danger-primary-default: var(--color-text-button-primary-default);
  --color-text-button-danger-primary-focus: var(--color-text-button-danger-primary-default);
  --color-text-button-danger-primary-hover: var(--color-text-button-danger-primary-default);
  --color-text-button-danger-secondary-active: var(--color-border-button-danger-secondary-active);
  --color-text-button-danger-secondary-default: var(--color-border-button-danger-secondary-default);
  --color-text-button-danger-secondary-focus: var(--color-border-button-danger-secondary-focus);
  --color-text-button-danger-secondary-hover: var(--color-brands-owl-owl-red-600);
  --color-text-button-delete-active: var(--color-brands-owl-owl-red-600);
  --color-text-button-delete-default: var(--color-brands-owl-owl-red-600);
  --color-text-button-delete-disabled: var(--color-brands-owl-owl-gray-500);
  --color-text-button-delete-focus: var(--color-brands-owl-owl-red-600);
  --color-text-button-delete-hover: var(--color-brands-owl-owl-red-600);
  --color-text-button-delete-loading: var(--color-brands-owl-owl-red-600);
  --color-text-button-edit-active: var(--color-brands-owl-owl-brand);
  --color-text-button-edit-default: var(--color-brands-owl-owl-brand);
  --color-text-button-edit-disabled: var(--color-brands-owl-owl-gray-500);
  --color-text-button-edit-focus: var(--color-brands-owl-owl-brand);
  --color-text-button-edit-hover: var(--color-brands-owl-owl-blue-600);
  --color-text-button-edit-loading: var(--color-brands-owl-owl-brand);
  --color-text-button-error-primary-active: var(--color-text-button-danger-primary-default);
  --color-text-button-error-primary-default: var(--color-text-button-primary-default);
  --color-text-button-error-primary-focus: var(--color-text-button-danger-primary-default);
  --color-text-button-error-primary-hover: var(--color-text-button-danger-primary-default);
  --color-text-button-error-secondary-active: var(--color-border-button-danger-secondary-active);
  --color-text-button-error-secondary-default: var(--color-border-button-danger-secondary-default);
  --color-text-button-error-secondary-focus: var(--color-border-button-danger-secondary-focus);
  --color-text-button-error-secondary-hover: var(--color-border-button-danger-secondary-hover);
  --color-text-button-info-primary-active: var(--color-text-button-info-primary-default);
  --color-text-button-info-primary-default: var(--color-text-button-primary-default);
  --color-text-button-info-primary-focus: var(--color-text-button-info-primary-default);
  --color-text-button-info-primary-hover: var(--color-text-button-info-primary-default);
  --color-text-button-info-secondary-active: var(--color-border-button-info-secondary-active);
  --color-text-button-info-secondary-default: var(--color-border-button-info-secondary-default);
  --color-text-button-info-secondary-focus: var(--color-border-button-info-secondary-focus);
  --color-text-button-info-secondary-hover: var(--color-border-button-info-secondary-hover);
  --color-text-button-primary-active: var(--color-brands-owl-owl-white);
  --color-text-button-primary-default: var(--color-brands-owl-owl-white);
  --color-text-button-primary-disabled: var(--color-brands-owl-owl-white);
  --color-text-button-primary-focus: var(--color-brands-owl-owl-white);
  --color-text-button-primary-hover: var(--color-brands-owl-owl-white);
  --color-text-button-primary-loading: var(--color-brands-owl-owl-white);
  --color-text-button-secondary-active: var(--color-brands-owl-owl-gray-700);
  --color-text-button-secondary-default: var(--color-brands-owl-owl-gray-500);
  --color-text-button-secondary-disabled: var(--color-brands-owl-owl-gray-300);
  --color-text-button-secondary-focus: var(--color-text-button-secondary-default);
  --color-text-button-secondary-hover: var(--color-brands-owl-owl-gray-700);
  --color-text-button-secondary-loading: var(--color-text-button-secondary-default);
  --color-text-button-success-primary-active: var(--color-text-button-success-primary-default);
  --color-text-button-success-primary-default: var(--color-text-button-primary-default);
  --color-text-button-success-primary-focus: var(--color-text-button-success-primary-default);
  --color-text-button-success-primary-hover: var(--color-text-button-success-primary-default);
  --color-text-button-success-secondary-active: var(--color-brands-owl-owl-green-800);
  --color-text-button-success-secondary-default: var(--color-brands-owl-owl-green-600);
  --color-text-button-success-secondary-focus: var(--color-brands-owl-owl-green-800);
  --color-text-button-success-secondary-hover: var(--color-brands-owl-owl-green-800);
  --color-text-button-warning-primary-active: var(--color-text-button-warning-primary-default);
  --color-text-button-warning-primary-default: var(--color-text-button-primary-default);
  --color-text-button-warning-primary-focus: var(--color-text-button-warning-primary-default);
  --color-text-button-warning-primary-hover: var(--color-text-button-warning-primary-default);
  --color-text-button-warning-secondary-active: var(--color-border-button-warning-secondary-active);
  --color-text-button-warning-secondary-default: var(--color-border-button-warning-secondary-default);
  --color-text-button-warning-secondary-focus: var(--color-border-button-warning-secondary-focus);
  --color-text-button-warning-secondary-hover: var(--color-border-button-warning-secondary-hover);
  --color-text-input-disabled-active: var(--color-text-input-disabled-inactive);
  --color-text-input-disabled-error: var(--color-text-input-disabled-inactive);
  --color-text-input-disabled-focus: var(--color-text-input-disabled-inactive);
  --color-text-input-disabled-hover: var(--color-text-input-disabled-inactive);
  --color-text-input-disabled-inactive: var(--color-text-color-text-subtle);
  --color-text-input-disabled-indeterminate: var(--color-text-input-disabled-inactive);
  --color-text-input-disabled-success: var(--color-text-input-disabled-inactive);
  --color-text-input-enabled-active: var(--color-text-color-text);
  --color-text-input-enabled-error: var(--color-text-color-text);
  --color-text-input-enabled-focus: var(--color-text-color-text);
  --color-text-input-enabled-hover: var(--color-text-color-text);
  --color-text-input-enabled-inactive: var(--color-text-color-text-subtle);
  --color-text-input-enabled-indeterminate: var(--color-text-color-text);
  --color-text-input-enabled-success: var(--color-text-color-text);
  --color-text-input-placeholder: var(--color-text-color-text-subtle);
  --color-text-input-wide-check-absent-focus: var(--color-text-input-wide-check-absent-inactive);
  --color-text-input-wide-check-absent-hover: var(--color-text-input-wide-check-absent-inactive);
  --color-text-input-wide-check-absent-inactive: var(--color-text-text-wide-check-inactive-hover);
  --color-text-input-wide-check-absent-not-selected-default: var(--color-text-color-text);
  --color-text-input-wide-check-absent-not-selected-focus: var(--color-text-input-wide-check-absent-not-selected-default);
  --color-text-input-wide-check-absent-not-selected-hover: var(--color-text-input-wide-check-absent-selected-default);
  --color-text-input-wide-check-absent-selected-default: var(--color-text-color-text-error);
  --color-text-input-wide-check-absent-selected-focus: var(--color-text-text-wide-check-active-focus);
  --color-text-input-wide-check-absent-selected-hover: var(--color-text-input-wide-check-absent-selected-default);
  --color-text-input-wide-check-not-selected-enabled-focus: var(--color-text-input-wide-check-not-selected-enabled-inactive);
  --color-text-input-wide-check-not-selected-enabled-hover: var(--color-text-input-wide-check-not-selected-enabled-inactive);
  --color-text-input-wide-check-not-selected-enabled-inactive: var(--color-text-color-text);
  --color-text-input-wide-check-present-not-selected-default: var(--color-text-color-text);
  --color-text-input-wide-check-present-not-selected-focus: var(--color-text-input-wide-check-absent-not-selected-default);
  --color-text-input-wide-check-present-not-selected-hover: var(--color-text-input-wide-check-present-selected-default);
  --color-text-input-wide-check-present-selected-default: var(--color-text-color-text-success);
  --color-text-input-wide-check-present-selected-focus: var(--color-icon-icon-wide-check-active-focus);
  --color-text-input-wide-check-present-selected-hover: var(--color-text-input-wide-check-present-selected-default);
  --color-text-input-wide-check-selected-enabled-focus: var(--color-text-input-wide-check-not-selected-enabled-inactive);
  --color-text-input-wide-check-selected-enabled-hover: var(--color-text-input-wide-check-not-selected-enabled-inactive);
  --color-text-input-wide-check-selected-enabled-inactive: var(--color-text-input-wide-check-not-selected-enabled-inactive);
  --color-text-menu-menu-item-name: var(--color-text-color-text);
  --color-text-menu-menu-item-name-disabled: var(--color-text-color-text-disabled);
  --color-text-menu-menu-sub-item-name: var(--color-text-menu-menu-item-name);
  --color-text-menu-menu-sub-item-name-disabled: var(--color-text-menu-menu-item-name-disabled);
  --color-text-table-cell: var(--color-brands-owl-owl-black);
  --color-text-table-header: var(--color-brands-owl-owl-gray-500);
  --color-toggle-handle-active: var(--color-general-color-brand-inverse);
  --color-toggle-handle-inactive: var(--color-general-color-brand-inverse);
  --color-toggle-toggle-active: var(--color-general-color-brand);
  --color-toggle-toggle-inactive: var(--color-gray-gray-300);
  --color-toggle-toggle-knob: var(--color-general-color-brand-inverse);
  --color-toggle-track-active: var(--color-general-color-brand);
  --color-toggle-track-inactive: var(--color-gray-gray-300);
  --com-message-bubble-mine-color-bg-default: #ffffff;
  --com-message-bubble-other-color-bg-default: #ffffff;
  --com-token: #ffffff;
  --counter-homework-missing-color-text: var(--color-text-color-text-error);
  --header-absence: var(--color-solutions-color-absences);
  --header-holiday: var(--color-green-green-400);
  --header-lunch-break: var(--color-brands-owl-owl-yellow-500);
  --header-transportation: var(--color-orange-orange-400);
  --header-package-paid-color-bg: var(---base-color-bg-positive);
  --header-package-paid-color-text: var(---base-color-text-inverse);
  --header-package-payment-pending-color-bg: var(---base-color-bg-waiting);
  --header-package-payment-pending-color-text: var(---base-color-text);
  --header-package-testing-color-bg: var(--color-gray-gray-500);
  --header-package-testing-color-text: var(---base-color-text-inverse);
  --header-page-future-color-bg: var(--color-brands-owl-owl-green-600);
  --header-page-parents-portal-color-bg: var(--color-general-color-brand);
  --header-page-past-color-bg: var(--color-brands-owl-owl-gray-400);
  --header-page-testing-color-bg: var(--color-brands-owl-owl-yellow-500);
  --header-unit-color-bg: var(--color-brands-owl-owl-yellow-500);
  --heading-last-color-icon: var(--color-brands-owl-owl-orange-700);
  --heading-new-color-icon: var(--color-brands-owl-owl-green-600);
  --heading-popular-color-icon: var(--color-brands-owl-owl-yellow-500);
  --heading-product-name-color-text: var(--color-general-color-brand);
  --loader-color-bg: var(--color-brands-owl-owl-white-80);
  --loader-color-icon: var(--color-general-color-brand);
  --loader-sceleton-bg: var(--color-brands-owl-owl-gray-50);
  --loader-sceleton-on-card-bg: var(--color-brands-owl-owl-gray-100);
  --menu-icon-color-bg: var(--color-brands-owl-owl-gray-400);
  --school-select-color-bg-active: #ffffff;
  --school-select-color-bg-default: #ffffff;
  --school-select-color-bg-hover: #ffffff;
  --status-intermediate-color-icon: var(--status-intermediate-color-text);
  --status-intermediate-color-text: var(--color-text-color-text-warning);
  --status-negative-color-bg: var(---base-color-bg-negative);
  --status-negative-color-icon: var(--status-negative-color-text);
  --status-negative-color-text: var(---base-color-text-negative);
  --status-overdue-color-icon: var(--status-overdue-color-text);
  --status-overdue-color-text: var(--color-text-color-text-subtle);
  --status-pending-color-bg: var(---base-color-bg-neutral);
  --status-pending-color-icon: var(--status-pending-color-text);
  --status-pending-color-text: var(---base-color-bg-neutral);
  --status-positive-color-bg: var(---base-color-bg-positive);
  --status-positive-color-icon: var(--status-positive-color-text);
  --status-positive-color-text: var(---base-color-text-positive);
  --subscription-message-card-default-color-bg: var(--color-basic-white-80);
  --subscription-message-card-default-color-border: var(--color-border-color-border);
  --subscription-message-card-default-color-icon: var(--color-icon-color-icon);
  --subscription-message-card-warning-color-bg: var(--color-basic-red-10);
  --subscription-message-card-warning-color-border: var(--color-brands-owl-owl-red-200);
  --subscription-message-card-warning-color-icon: var(--color-icon-color-icon-danger);
  --tab-inactive-default-color-bg: #ffffff;
  --tab-inactive-default-color-border: #ffffff;
  --tab-inactive-default-color-icon: #ffffff;
  --tab-inactive-default-color-text: #ffffff;
  --tab-inactive-hovered-color-bg: #ffffff;
  --tab-inactive-hovered-color-border: #ffffff;
  --tab-inactive-hovered-color-icon: #ffffff;
  --tab-inactive-hovered-color-text: #ffffff;
  --table-cell-subvention-color-bg: var(--color-bg-system-msg-success);
  --table-header-danger-color-bg: var(--color-brands-owl-owl-red-50);
  --tag-absence-color-bg: var(--color-bg-tag-negative);
  --tag-color-text: var(--color-text-color-text-inverse);
  --tag-different-school-color-bg: var(--color-brands-owl-owl-gray-400);
  --tag-success-color-bg: var(--color-brands-owl-owl-green-600);
  --tag-days-counter-color-bg: var(---base-color-bg-neutral);
  --tag-days-counter-color-text: var(--color-text-color-text-inverse);
  --tag-default-color-bg: var(---base-color-bg-neutral);
  --tag-default-color-icon: var(--color-icon-color-icon-accent-inverse);
  --tag-default-color-text: var(--color-text-color-text-inverse);
  --tag-draft-color-bg: var(---base-color-bg-neutral);
  --tag-draft-color-text: var(--color-text-color-text-inverse);
  --tooltip-color-bg: var(--color-bg-color-bg-info-subtle);
  --tooltip-color-border: var(--color-border-color-border-accent);
  --user-card-avatar-color-bg-default: var(--color-icon-color-icon-subtle);
  --user-card-avatar-color-border-default: var(--color-basic-black-10);
  --user-card-avatar-color-text-default: var(--color-text-color-text-inverse);
  /* number */
  --rounded-lg: var(--radius-radius-0);
  --header-card-gap: var(--spacing-2);
  --border-border-radius-rounded: var(--radius-radius-0);
  --border-border-radius-rounded-button: var(--border-border-radius-rounded-none);
  --border-border-radius-rounded-card: var(--border-border-radius-rounded-none);
  --border-border-radius-rounded-full: var(--radius-radius-0);
  --border-border-radius-rounded-inner: var(--radius-radius-0);
  --border-border-radius-rounded-lg: var(--radius-radius-0);
  --border-border-radius-rounded-md: var(--radius-radius-0);
  --border-border-radius-rounded-none: var(--radius-radius-0);
  --border-border-radius-rounded-popup: var(--border-border-radius-rounded-none);
  --border-border-radius-rounded-sm: var(--radius-radius-0);
  --border-border-radius-rounded-tag: var(--border-border-radius-rounded-full);
  --border-border-radius-rounded-wide-check: var(--border-border-radius-rounded-none);
  --border-border-radius-rounded-wide-check-absent: var(--border-border-radius-rounded-none);
  --border-border-radius-rounded-xl: var(--radius-radius-0);
  --border-border-radius-rounded-xxl: var(--radius-radius-0);
  --border-border-radius-rounded-input-l: var(--radius-radius-4);
  --border-border-radius-rounded-input-m: var(--radius-radius-4);
  --border-border-radius-rounded-input-s: var(--radius-radius-4);
  --border-border-size-border: var(--border-border-1);
  --border-border-size-border-button: var(--border-border-1);
  --border-border-size-border-cell: var(--border-border-1);
  --border-border-size-border-2: var(--border-border-2);
  --border-border-size-border-button-focus: var(--border-border-2);
  --border-border-size-border-complex-table-column: var(--border-border-2);
  --border-border-size-border-4: var(--border-border-4);
  --sizing-size-0: var(--sizing-0);
  --sizing-size-100: var(--sizing-1);
  --sizing-size-200: var(--sizing-2);
  --sizing-demo-test: 10px;
  --sizing-size-250: var(--sizing-2n5);
  --sizing-size-300: var(--sizing-3);
  --sizing-size-350: var(--sizing-3n5);
  --sizing-size-400: var(--sizing-4);
  --sizing-size-500: var(--sizing-5);
  --sizing-size-600: var(--sizing-6);
  --sizing-size-800: var(--sizing-8);
  --sizing-size-900: var(--sizing-9);
  --sizing-size-1000: var(--sizing-10);
  --sizing-size-1400: var(--sizing-14);
  --sizing-header-height: var(--sizing-16);
  --sizing-size-1600: var(--sizing-16);
  --sizing-number-picker-table-width: var(--sizing-20);
  --sizing-number-picker-width: var(--sizing-size-2400);
  --sizing-size-2400: var(--sizing-24);
  --sizing-size-2800: var(--sizing-28);
  --sizing-time-picker-width: var(--sizing-size-2800);
  --sizing-size-3200: var(--sizing-32);
  --sizing-date-picker-width: var(--sizing-size-3600);
  --sizing-size-3600: var(--sizing-36);
  --sizing-size-4000: var(--sizing-40);
  --sizing-size-5600: var(--sizing-56);
  --sizing-size-6000: var(--sizing-60);
  --sizing-size-7200: var(--sizing-72);
  --sizing-chart-height: var(--sizing-80);
  --sizing-size-8000: var(--sizing-80);
  --sizing-size-9600: var(--sizing-96);
  --sizing-size-12000: var(--sizing-120);
  --sizing-size-24000: var(--sizing-240);
  --spacing-space-negative-1: var(--spacing-m1);
  --spacing-space-0: var(--spacing-0);
  --spacing-space-wide-check-absent-pad-y: var(--spacing-space-xs);
  --spacing-space-wide-check-pad-left: var(--spacing-space-l);
  --spacing-space-wide-check-pad-right: var(--spacing-space-s);
  --spacing-space-wide-check-pad-y: var(--spacing-space-m);
  --spacing-space-25: var(--spacing-px);
  --spacing-radio-gap: var(--spacing-space-50);
  --spacing-space-50: var(--spacing-0n5);
  --spacing-button-s-pad-y: var(--spacing-space-100);
  --spacing-select-s-pad-y: var(--spacing-space-100);
  --spacing-space-100: var(--spacing-1);
  --spacing-space-xs: var(--spacing-1);
  --spacing-wide-checkbox-group-gap: var(--spacing-space-100);
  --spacing-space-150: var(--spacing-1n5);
  --spacing-button-m-pad-y: var(--spacing-space-200);
  --spacing-button-gap: var(--spacing-space-200);
  --spacing-button-group-gap: var(--spacing-space-200);
  --spacing-cell-pad: var(--spacing-2);
  --spacing-select-m-gap: var(--spacing-space-200);
  --spacing-select-m-pad-y: var(--spacing-space-200);
  --spacing-select-s-gap: var(--spacing-space-200);
  --spacing-space-200: var(--spacing-2);
  --spacing-space-s: var(--spacing-2);
  --spacing-space-250: var(--spacing-2n5);
  --spacing-button-s-pad-x: var(--spacing-space-300);
  --spacing-space-300: var(--spacing-3);
  --spacing-space-m: var(--spacing-3);
  --spacing-system-messages-gap: var(--spacing-3);
  --spacing-button-l-pad-y: var(--spacing-space-350);
  --spacing-input-l-padd-y: var(--spacing-space-350);
  --spacing-input-m-padd-y: var(--spacing-space-350);
  --spacing-input-s-padd-y: var(--spacing-space-350);
  --spacing-select-l-pad-x: var(--spacing-space-350);
  --spacing-select-l-pad-y: var(--spacing-space-350);
  --spacing-select-s-pad-x: var(--spacing-space-350);
  --spacing-space-350: var(--spacing-3n5);
  --spacing-input-l-padd-x: var(--spacing-space-l);
  --spacing-input-m-padd-x: var(--spacing-space-l);
  --spacing-input-s-padd-x: var(--spacing-space-l);
  --spacing-space-400: var(--spacing-4);
  --spacing-space-card-pad: var(--spacing-space-400);
  --spacing-space-l: var(--spacing-4);
  --spacing-system-messages-pad: var(--spacing-4);
  --spacing-space-500: var(--spacing-5);
  --spacing-space-around-main-content: var(--spacing-space-500);
  --spacing-button-m-pad-x: var(--spacing-space-600);
  --spacing-select-l-gap: var(--spacing-space-600);
  --spacing-select-m-pad-x: var(--spacing-space-600);
  --spacing-space-600: var(--spacing-6);
  --spacing-space-card-gap: var(--spacing-space-600);
  --spacing-space-xl: var(--spacing-6);
  --spacing-button-l-pad-x: var(--spacing-space-800);
  --spacing-space-800: var(--spacing-8);
  --spacing-space-popup-gap: var(--spacing-space-800);
  --spacing-space-xxl: var(--spacing-8);
  --spacing-space-900: var(--spacing-9);
  --spacing-space-popup-pad: var(--spacing-space-900);
  --spacing-space-1400: var(--spacing-14);
  --spacing-space-1600: var(--spacing-16);
  --spacing-space-2000: var(--spacing-20);
  --spacing-space-2800: var(--spacing-28);
  --spacing-space-3200: var(--spacing-32);
  --type-text-size-xxxxs: var(--sizing-1n5);
  --type-text-size-xxs: var(--sizing-2n5);
  --type-text-size-xs: var(--sizing-3);
  --type-text-size-s: var(--sizing-3n5);
  --type-text-size-m: var(--sizing-4);
  --type-text-size-l: var(--sizing-5);
  --type-text-size-xl: var(--sizing-6);
  --type-font-weight-regular: var(--font-weight-fw-400);
  --type-font-weight-button: var(--type-font-weight-semi-bold);
  --type-font-weight-semi-bold: var(--font-weight-fw-600);
  --type-font-weight-bold: var(--font-weight-fw-700);
  /* string */
  ---base-font-family: var(--font-family-open-sans);
  --animation-duration: var(--animation-2);
  --shadow-shadow: box-shadow: 0px 3px 0px 0px --color-shadow-color-shadow;
}
[data-sizing="Condensed"] {
  --spacing-button-s-pad-y: var(--spacing-px);
  --spacing-select-s-pad-y: var(--spacing-px);
  --spacing-radio-gap: var(--spacing-px);
  --spacing-space-wide-check-absent-pad-y: var(--spacing-space-50);
  --spacing-button-m-pad-y: var(--spacing-space-100);
  --spacing-cell-pad: var(--spacing-space-100);
  --spacing-select-m-pad-y: var(--spacing-space-100);
  --spacing-space-wide-check-pad-right: var(--spacing-space-100);
  --spacing-button-s-pad-x: var(--spacing-space-150);
  --spacing-space-wide-check-pad-y: var(--spacing-space-150);
  --spacing-button-l-pad-y: var(--spacing-space-150);
  --spacing-input-l-padd-y: var(--spacing-space-150);
  --spacing-input-m-padd-y: var(--spacing-space-150);
  --spacing-input-s-padd-y: var(--spacing-space-150);
  --spacing-select-l-pad-x: var(--spacing-space-150);
  --spacing-select-l-pad-y: var(--spacing-space-150);
  --spacing-select-s-pad-x: var(--spacing-space-150);
  --spacing-input-l-padd-x: var(--spacing-space-200);
  --spacing-input-m-padd-x: var(--spacing-space-200);
  --spacing-input-s-padd-x: var(--spacing-space-200);
  --spacing-space-card-pad: var(--spacing-space-100);
  --spacing-space-wide-check-pad-left: var(--spacing-space-200);
  --spacing-system-messages-pad: var(--spacing-space-200);
  --spacing-button-m-pad-x: var(--spacing-space-300);
  --spacing-select-m-pad-x: var(--spacing-space-300);
  --spacing-button-l-pad-x: var(--spacing-space-350);
  --spacing-space-popup-pad: var(--spacing-space-350);
  --spacing-space-xl: var(--spacing-space-200);
  --spacing-space-250: var(--spacing-px);
  --spacing-space-400: var(--spacing-space-150);
  --spacing-space-800: var(--spacing-space-300);
  --spacing-space-s: var(--spacing-space-150);
  --vertical-elements-spacing: var(--spacing-space-150);
  --spacing-space-card-gap: var(--spacing-space-200);
}