:root {
  --ferrandi-background: #0b152c;
  --white-color: #fff;
  --darkBlue-color: #003288;
  --lightBlue-color: #3874ff;
  --lightGrey-color: #a3a3a3;
  --blue-color: #3874ff;
  --red-color: #ff0000;
  --neutral-color: #525252;
  --darkblue2-color: #1d4488;
  --green-color: #16a34a;
  --darkBlue3-color: #284373;
  --darkBlue4-color: #425c8a;
  --disabled-bgcolor: #f2f4f7;
  --disabled-color: #98a2b3;
  --primary-disabled-border: #eaecf0;
  --dark-blue-hover: #0049f3;
  --light-primary-bg-on-hover: #dee9ff;

  --background-color: #fff;
  --dashboard-text-color: #344054;
  --dashboard-nav-item: unset;
  --dashboard-background: #f2f2f7;

  --ferrandi-primary: #0b152c;
  --ferrandi-secondary: #cbdae1;
  --ferrandi-text: #fff;
  --ferrandi-brown: #0b152c;
}

html[data-theme="light"] {
  --grade-bg-color: #f1f5ff;
  --background-color: #fff;
  --text-basic-color: #000;
  --dashboard-content-color: #fafafa;
  --dashboard-table-header: #ebecf6;
  --dashboard-input-background-color: #fff;
  --dashboard-input-border-color: #e4e6ef;
  --dashboard-table-header-text-filter: unset;
  --dashboard-table-header-text-color: #3874ff;
  --dashboard-text-color: #344054;
  --dashboard-nav-item: unset;
  --dashboard-background: #f2f2f7;
  --login-btn-color: #475467;
  --lang-switcher-bgcolor: #000000cc;
  --main-color: #3874ff;
  --heading-color: #3874ff;
  --sub-heading-color: #0e1f37;
  --paragraph-color: #ccd9ed;
  --course-sub-heading: #101828;
  --course-desc: #475467;
  --input-border-colors: rgba(0, 0, 0, 0.12);
  --select-input-label-colors: #6c757d;
  --student-login-heading: #101828;
  --student-login-label: #344054;
  --login-form-filed-color: #000000;
  --request-table-label-bg-color: #eff3ff;
  --request-table-value-color: #475467;
  --request-table-value-bg-color: #fff;
  --request-table-border-bottom: #eaecf0;
  --admin-auth-form-bg: #ffffff;
  --admin-auth-bg: #eef3ff;
  --admim-auth-form-text-color: #000;
  --enrollment-stepper-bg: #eaecf0;
  --enrollment-form-subtitle: #777777;
  --enrollment-summary-heading: #3f4254;
  --admin-service-item-bg: #ebf1ff;
  --admin-service-item-title-color: #3874ff;
  --admin-service-request-bg: #fff;
  --theme-switcher-border-color: #000000;
  --theme-switcher-background-color: #000000;
  --dx-border-color: #e1e1e1;
  --dashboard-sidenave-bg: #f9f9f9;
  --dashboard-sub-accordion-bg: #234db0;
  --dashboard-filter-white-images: invert(19%) sepia(0%) saturate(0%)
    hue-rotate(335deg) brightness(75%) contrast(0);
  --filter-for-ecaps: unset;
  --ecaps-value-color: #3f4254;
  --ecaps-accordion-header-color: #f5f8ff;
  --ecaps-status-border-color: #d0d5dd;
  --ecaps-profile-labels: #393939;
  --ecaps-outcome-status-bg: white;
  --performance-evdince-tabs-bg: #d8d8d8;
  --qualificationDetailsRow-bg: #f4f9ff;
  --preformance-color: #425c8a;

  /* #f1f5ff */
}

html[data-theme="dark"] {
  /* #2d2e2f */
  --grade-bg-color: #2d2e2f;
  --dashboard-sidenave-bg: #191a20;
  --background-color: #191a20;
  --dashboard-text-color: #fff;
  --dashboard-input-background-color: #191a20;
  --dashboard-input-border-color: #3f4651;
  --dashboard-table-header-text-filter: brightness(0) saturate(100%) invert(77%)
    sepia(4%) saturate(1204%) hue-rotate(175deg) brightness(86%) contrast(86%);
  --dashboard-table-header-text-color: #9ba6b5;
  --text-basic-color: #fff;
  --dashboard-table-header: #2a2c38;
  --dashboard-content-color: #1b1b27;
  --dashboard-nav-item: brightness(0) saturate(100%) invert(100%) sepia(0%)
    saturate(7500%) hue-rotate(127deg) brightness(108%) contrast(100%);
  --dashboard-background: #1b1b27;
  --login-btn-color: #9ba6b5;
  --lang-switcher-bgcolor: rgba(0, 0, 0, 0.8);
  --main-color: #1f5ae6;
  --heading-color: #d9e0ed;
  --sub-heading-color: #ccd9ed;
  --paragraph-color: #ccd9ed;
  --course-sub-heading: #d9e0ed;
  --course-desc: #9ba6b5;
  --input-border-colors: #3f444e;
  --select-input-label-colors: #d9e0ed;
  --student-login-heading: #d9e0ed;
  --student-login-label: #aeb8c8;
  --login-form-filed-color: #7d8596;
  --request-table-label-bg-color: #050f2d;
  --request-table-value-color: #9ba6b5;
  --request-table-value-bg-color: #323842;
  --request-table-border-bottom: #323842;
  --admin-auth-form-bg: #2a2c38;
  --admin-auth-bg: #1b1b27;
  --admim-auth-form-text-color: #c6c6c6;
  --enrollment-stepper-bg: #2a2c38;
  --enrollment-form-subtitle: #9ba6b5;
  --enrollment-summary-heading: #3873ff;
  --admin-service-item-bg: #1f5ae6;
  --admin-service-item-title-color: #fff;
  --admin-service-request-bg: rgba(31, 90, 230, 0.2);
  --theme-switcher-border-color: #fff;
  --theme-switcher-background-color: transparent;
  --dx-border-color: white;
  --dashboard-sub-accordion-bg: #234db0;
  --dashboard-filter-white-images: unset;
  --filter-for-ecaps: brightness(0) invert(1);
  --ecaps-value-color: #ffffff;
  --ecaps-accordion-header-color: #191a20;
  --ecaps-status-border-color: #d0d5dd;
  --ecaps-profile-labels: #ffffff;
  --ecaps-outcome-status-bg: transparent;
  --performance-evdince-tabs-bg: transparent;
  --qualificationDetailsRow-bg: #191a20;
  --preformance-color: #ffffff;
}