/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */
:root {
  --star-dust: rgb(250, 250, 250);
  --space-purple-100: rgb(85, 46, 117);
  --space-purple: rgb(84,19,136);
  --space-purple-80: rgb(118,66,160);
  --space-purple-40: rgb(187,161,207);
  --space-purple-20: rgb(221,208,231);
  --space-purple-10: rgb(247,247,255);
  --space-aqua-100: rgb(0,115,107);
  --space-aqua: rgb(0, 191, 178);
  --space-aqua-80: rgb(51, 204, 193);
  --space-aqua-20: rgb(204,242,240);
  --midnight-blue: rgb(4,41,79);
  --moon-grey: rgb(147,149,152);
  --bt-blue-100: rgb(38, 101, 142);
  --bt-blue: rgb(23, 104, 158);
  --bt-blue-80: rgb(69, 134, 177);
  --bt-blue-20: rgb(209, 225, 236);
  --bt-orange: rgb(243,112,41);
  --bt-orange-20: rgb(253,226,212);
  --smoke-grey: rgb(188,190,192);
  --rocket-grey: rgb(88,89,91);
  --hazy-grey: rgb(229,229,229);
  --solar-yellow: rgb(255,180,0);
  --solar-yellow-20: rgb(255,240,204);
  --error: rgb(178,16,16);
  --success: rgb(17,130,99);
  --light-navy: rgb(19, 93, 139);
  --padding: rgba(126, 52, 141, 0.3);
  --col: rgba(138, 138, 138, 0.23);
  --ice-blue: rgb(231, 239, 245);
  --black: rgb(0, 0, 0);
  --very-light-pink: rgb(191, 191, 191);
  --marine: rgb(4, 56, 89);
  --nice-blue-10: rgba(22, 104, 158, 0.1);

  --header-color-h3: rgb(0, 0, 0);

  --mail-footer-text-color: #fff;
  --mail-footer-background-color: rgb(23, 104, 158);

  --header-border-bottom-color: rgb(213, 213, 213);

  --footer-foreground-color: var(--space-purple);
  --footer-foreground-focus-color: var(--space-aqua);

  --navbar-active-box-shadow-color: rgba(221, 208, 231, 0.12);
  --navbar-background-color: #fff;
  --navbar-color: #1e1e1e;

  --question-analysis-background-color: rgb(247, 247, 247);
  --question-analysis-li-background-color: rgb(255, 255, 255);

  --status-correct-color: rgb(26, 179, 148);
  --status-correct-in-multiple-attempts-color: rgb(35, 198, 200);
  --status-partially-correct-color: rgb(248, 172, 89);
  --status-incorrect-color: rgb(237, 85, 101);

  --title-box-shadow-color: rgba(247, 247, 255, 0.8);
  --title-background-color: #ffffff;

  --dropdown-menu-box-shadow-color: rgba(0, 0, 0, 0.25);
  --dropdown-open-border-color: rgba(0, 0, 0, .15);
  --dropdown-toggle-icon-color: #fff;

  --accordion-background-color: #fff;

  --text-primary-color: #135d8b;
  --text-primary-hover-color: #043859;
  --text-form-color: #000;
  --button-link-hover: #0d3f5e;
  --button-secondary-disabled-background-color: #fff;

  --button-info-color: #606060;
  --button-info-background-color: #c3d7e6;
  --button-info-border-color: #7ba7c8;
  --button-info-disabled-background-color: #e7eff5;
  --button-info-disabled-border-color: #d5e3ee;
  --button-info-hover-border-color: #aac6dc;

  --breadcrumb-background-color: #fac6a9;

  --product-variation-background-color: #e8f0f5;

  --listgroup-item-text-active-color: #7dc2ed;

  --password-policy-constraint-failed-text: #bbbbbb;
}

:focus {
  outline-color: var(--space-purple);
}