@import url("https://fonts.googleapis.com/css?family=Libre+Baskerville:400,400i");
body {
  font-weight: 400;
}

h1, h3, h4 {
  font-family: "Libre Baskerville", serif;
}

h1 {
  font-weight: 600;
}

.component-titlebar h2 {
  font-family: "schoolbox", "Open Sans", "Helvetica Neue", Helvetica, "Droid Sans", Arial, sans-serif;
}

.left-off-canvas-menu .logo-wrapper .logo {
  padding: 6px 0;
}
.left-off-canvas-menu .logo-wrapper .logo img {
  height: 3.75rem;
}

ul.off-canvas-list li a {
  padding: 0.25rem 1rem;
}

.sub-nav li.active a,
.sub-nav dd.active a,
.tabs dd.active > a,
.left-off-canvas-menu h3 {
  color: #12294a;
}

.card p a, .meta a {
  color: #ffb549;
}

a, a:hover, a:focus, div.jstree-default .jstree-anchor {
  color: #13294b;
}

.button, button, .sub-nav,
#content > .row > .small-12 input[type=submit][type=submit] {
  font-size: 13px;
}

.breadcrumb li.last a, .breadcrumb li.active a {
  background-color: #e6f2fa;
  color: #12294a;
}

.breadcrumb li.last a:before {
  border-left-color: #e6f2fa;
}

.breadcrumb li.last a:after, .breadcrumb li.last a:hover:after {
  border-left-color: #e6f2fa !important;
}

nav a[class*=icon-] {
  color: #39749a !important;
}
nav a[class*=icon-]:hover {
  background-color: #e6f2f9 !important;
}

.switch input + label {
  background: #9cccbe;
}

.switch input:checked + label {
  background: #dbe342;
}

.switch span,
.switch span:first-child {
  color: #fff;
}

input[type=checkbox]:not(.plain):checked + label.checkbox-label:before,
body.login input[type=checkbox]:not(.plain):checked + label:before,
input[type=checkbox]:not(.plain):checked + label.checkbox-label:after,
body.login input[type=checkbox]:not(.plain):checked + label:after {
  background-color: #dbe342 !important;
}

@media print {
  #footer {
    display: none !important;
  }
}
/** Suggested CSS to change coursemarkbook grey indicator **/
#courseMarkbookContent .indicator.indicator-none, .marksheet .indicator.indicator-none {
  border-top: 0.75rem solid #eb4236;
}

/** BEGIN eReport CSS **/
/** Fix print extending beyond page margin **/
@media print {
  html, body {
    max-width: 100%;
  }

  .e-report a {
    text-decoration: none;
  }

  /** Assessment print styling **/
  .e-report #assessments {
    page-break-inside: avoid;
  }
  .e-report #assessments table td.distribution {
      padding-top: 0;
      padding-bottom: 0;
  }
}
/** Style the crest **/
.meriden-crest {
  text-align: center;
}

.meriden-crest svg {
  width: 5rem;
}

.e-report {
  /** headers ought to be bold **/
  /** Font sizes for stuff (clobbering specificity) **/
  /** Change made by Ben Robson to dl dt **/
  /** Change made by Ben Robson to p **/
  /** Any definition list that doesn't have a table after it has less space after **/
  /** Reduce space between definitions **/
  /** Explanations are tiny **/
  /* Prevent tables from stretching 100% */
  /** Tables in eReport should have borders **/
  /** Subject list gets pushed down **/
  /* Teacher list */
}
.e-report h1, .e-report h2, .e-report h3 {
  font-weight: bold;
}
.e-report h1 {
  font-size: 1rem;
}
.e-report h2 {
  font-size: 0.8rem;
  margin-bottom: 0.375rem;
}
.e-report dl dd, .e-report th, .e-report td {
  line-height: 0.75rem;
  font-size: 0.75rem;
}
.e-report dl dt {
  color: #222;
  font-size: 0.8rem;
  font-weight: bold;
}
.e-report p {
  line-height: 1rem;
}
.e-report dl.small-gap {
  margin-bottom: 0.375rem;
}
.e-report dl dt,
.e-report dl dd {
  margin-bottom: 0;
}
.e-report table th {
  font-weight: 600;
}
.e-report .explanation {
  font-size: 0.75rem;
}
.e-report .width-auto {
  width: auto;
}
.e-report .bordered-table th, .e-report .bordered-table td {
  border: 0.0625rem solid black;
  padding: 0.5rem;
  text-align: center;
}
.e-report .subject-list {
  margin-top: 1.5rem;
  padding: 0;
}
.e-report .teacher-list {
  padding-top: 0.5rem;
  text-align: right;
}
.e-report .teacher-list .teacher-image {
  display: none;
}
.e-report #grade-distribution table th,
.e-report #grade-distribution table td {
  width: 2.875rem;
}
.e-report #endeavour-grades table th,
.e-report #endeavour-grades table td {
  width: 5rem;
}
.e-report #assessments table {
  table-layout: fixed !important;
}
.e-report #learning-approaches table th:first-child,
.e-report #learning-approaches table td:first-child,
.e-report #lateral-learning-skills table th:first-child,
.e-report #lateral-learning-skills table td:first-child,
.e-report #assessments table th:first-child,
.e-report #assessments table td:first-child {
  text-align: left;
}
.e-report #assessments .title {
  width: 25%;
}
.e-report #assessments .result {
  width: 15%;
}
.e-report #assessments .distribution {
  width: 60%;
}
.e-report #course-teacher {
    display: none;
}
.e-report .card p {
  font-size: 1rem;
}
.e-report .card .meta {
  display: none;
}

/** Styles for the senior variant of the endeavor grades report **/
.e-report #endeavour-grades-senior table {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
.e-report #endeavour-grades-senior th,
.e-report #endeavour-grades-senior td {
    vertical-align: middle;
    width: 5rem;
}
.e-report #endeavour-grades-senior th {
    background-color: #a4d7f4;
}
.e-report #endeavour-grades-senior tr:nth-child(odd) td {
    background-color: white;
}
.e-report #endeavour-grades-senior tr:nth-child(even) td {
    background-color: #d1ebf9;
}

/** END eReport CSS **/

:root {
            --navigation-foreground-r: 255;
        --navigation-foreground-g: 255;
        --navigation-foreground-b: 255;
        --navigation-foreground-h: 0;
        --navigation-foreground-s: 0%;
        --navigation-foreground-l: 100%;
        --navigation-foreground-a: 1;
        --navigation-foreground:   hsla(
            var(--navigation-foreground-h),
            var(--navigation-foreground-s),
            var(--navigation-foreground-l),
            var(--navigation-foreground-a)
        );
            --navigation-foreground-contrast-r: 0;
        --navigation-foreground-contrast-g: 0;
        --navigation-foreground-contrast-b: 0;
        --navigation-foreground-contrast-h: 0;
        --navigation-foreground-contrast-s: 0%;
        --navigation-foreground-contrast-l: 0%;
        --navigation-foreground-contrast-a: 1;
        --navigation-foreground-contrast:   hsla(
            var(--navigation-foreground-contrast-h),
            var(--navigation-foreground-contrast-s),
            var(--navigation-foreground-contrast-l),
            var(--navigation-foreground-contrast-a)
        );
            --navigation-background-r: 19;
        --navigation-background-g: 41;
        --navigation-background-b: 75;
        --navigation-background-h: 216.43;
        --navigation-background-s: 59.57%;
        --navigation-background-l: 18.43%;
        --navigation-background-a: 1;
        --navigation-background:   hsla(
            var(--navigation-background-h),
            var(--navigation-background-s),
            var(--navigation-background-l),
            var(--navigation-background-a)
        );
            --navigation-background-contrast-r: 255;
        --navigation-background-contrast-g: 255;
        --navigation-background-contrast-b: 255;
        --navigation-background-contrast-h: 0;
        --navigation-background-contrast-s: 0%;
        --navigation-background-contrast-l: 100%;
        --navigation-background-contrast-a: 1;
        --navigation-background-contrast:   hsla(
            var(--navigation-background-contrast-h),
            var(--navigation-background-contrast-s),
            var(--navigation-background-contrast-l),
            var(--navigation-background-contrast-a)
        );
            --navigation-hover-r: 156;
        --navigation-hover-g: 204;
        --navigation-hover-b: 235;
        --navigation-hover-h: 203.54;
        --navigation-hover-s: 66.39%;
        --navigation-hover-l: 76.67%;
        --navigation-hover-a: 1;
        --navigation-hover:   hsla(
            var(--navigation-hover-h),
            var(--navigation-hover-s),
            var(--navigation-hover-l),
            var(--navigation-hover-a)
        );
            --navigation-hover-contrast-r: 0;
        --navigation-hover-contrast-g: 0;
        --navigation-hover-contrast-b: 0;
        --navigation-hover-contrast-h: 0;
        --navigation-hover-contrast-s: 0%;
        --navigation-hover-contrast-l: 0%;
        --navigation-hover-contrast-a: 1;
        --navigation-hover-contrast:   hsla(
            var(--navigation-hover-contrast-h),
            var(--navigation-hover-contrast-s),
            var(--navigation-hover-contrast-l),
            var(--navigation-hover-contrast-a)
        );
            --off-canvas-foreground-r: 19;
        --off-canvas-foreground-g: 41;
        --off-canvas-foreground-b: 75;
        --off-canvas-foreground-h: 216.43;
        --off-canvas-foreground-s: 59.57%;
        --off-canvas-foreground-l: 18.43%;
        --off-canvas-foreground-a: 1;
        --off-canvas-foreground:   hsla(
            var(--off-canvas-foreground-h),
            var(--off-canvas-foreground-s),
            var(--off-canvas-foreground-l),
            var(--off-canvas-foreground-a)
        );
            --off-canvas-foreground-contrast-r: 255;
        --off-canvas-foreground-contrast-g: 255;
        --off-canvas-foreground-contrast-b: 255;
        --off-canvas-foreground-contrast-h: 0;
        --off-canvas-foreground-contrast-s: 0%;
        --off-canvas-foreground-contrast-l: 100%;
        --off-canvas-foreground-contrast-a: 1;
        --off-canvas-foreground-contrast:   hsla(
            var(--off-canvas-foreground-contrast-h),
            var(--off-canvas-foreground-contrast-s),
            var(--off-canvas-foreground-contrast-l),
            var(--off-canvas-foreground-contrast-a)
        );
            --off-canvas-background-r: 255;
        --off-canvas-background-g: 255;
        --off-canvas-background-b: 255;
        --off-canvas-background-h: 0;
        --off-canvas-background-s: 0%;
        --off-canvas-background-l: 100%;
        --off-canvas-background-a: 1;
        --off-canvas-background:   hsla(
            var(--off-canvas-background-h),
            var(--off-canvas-background-s),
            var(--off-canvas-background-l),
            var(--off-canvas-background-a)
        );
            --off-canvas-background-contrast-r: 0;
        --off-canvas-background-contrast-g: 0;
        --off-canvas-background-contrast-b: 0;
        --off-canvas-background-contrast-h: 0;
        --off-canvas-background-contrast-s: 0%;
        --off-canvas-background-contrast-l: 0%;
        --off-canvas-background-contrast-a: 1;
        --off-canvas-background-contrast:   hsla(
            var(--off-canvas-background-contrast-h),
            var(--off-canvas-background-contrast-s),
            var(--off-canvas-background-contrast-l),
            var(--off-canvas-background-contrast-a)
        );
            --off-canvas-hover-r: 245;
        --off-canvas-hover-g: 250;
        --off-canvas-hover-b: 253;
        --off-canvas-hover-h: 202.5;
        --off-canvas-hover-s: 66.67%;
        --off-canvas-hover-l: 97.65%;
        --off-canvas-hover-a: 1;
        --off-canvas-hover:   hsla(
            var(--off-canvas-hover-h),
            var(--off-canvas-hover-s),
            var(--off-canvas-hover-l),
            var(--off-canvas-hover-a)
        );
            --off-canvas-hover-contrast-r: 0;
        --off-canvas-hover-contrast-g: 0;
        --off-canvas-hover-contrast-b: 0;
        --off-canvas-hover-contrast-h: 0;
        --off-canvas-hover-contrast-s: 0%;
        --off-canvas-hover-contrast-l: 0%;
        --off-canvas-hover-contrast-a: 1;
        --off-canvas-hover-contrast:   hsla(
            var(--off-canvas-hover-contrast-h),
            var(--off-canvas-hover-contrast-s),
            var(--off-canvas-hover-contrast-l),
            var(--off-canvas-hover-contrast-a)
        );
            --accounts-menu-foreground-r: 19;
        --accounts-menu-foreground-g: 41;
        --accounts-menu-foreground-b: 75;
        --accounts-menu-foreground-h: 216.43;
        --accounts-menu-foreground-s: 59.57%;
        --accounts-menu-foreground-l: 18.43%;
        --accounts-menu-foreground-a: 1;
        --accounts-menu-foreground:   hsla(
            var(--accounts-menu-foreground-h),
            var(--accounts-menu-foreground-s),
            var(--accounts-menu-foreground-l),
            var(--accounts-menu-foreground-a)
        );
            --accounts-menu-foreground-contrast-r: 255;
        --accounts-menu-foreground-contrast-g: 255;
        --accounts-menu-foreground-contrast-b: 255;
        --accounts-menu-foreground-contrast-h: 0;
        --accounts-menu-foreground-contrast-s: 0%;
        --accounts-menu-foreground-contrast-l: 100%;
        --accounts-menu-foreground-contrast-a: 1;
        --accounts-menu-foreground-contrast:   hsla(
            var(--accounts-menu-foreground-contrast-h),
            var(--accounts-menu-foreground-contrast-s),
            var(--accounts-menu-foreground-contrast-l),
            var(--accounts-menu-foreground-contrast-a)
        );
            --accounts-menu-background-r: 230;
        --accounts-menu-background-g: 242;
        --accounts-menu-background-b: 250;
        --accounts-menu-background-h: 204;
        --accounts-menu-background-s: 66.67%;
        --accounts-menu-background-l: 94.12%;
        --accounts-menu-background-a: 1;
        --accounts-menu-background:   hsla(
            var(--accounts-menu-background-h),
            var(--accounts-menu-background-s),
            var(--accounts-menu-background-l),
            var(--accounts-menu-background-a)
        );
            --accounts-menu-background-contrast-r: 0;
        --accounts-menu-background-contrast-g: 0;
        --accounts-menu-background-contrast-b: 0;
        --accounts-menu-background-contrast-h: 0;
        --accounts-menu-background-contrast-s: 0%;
        --accounts-menu-background-contrast-l: 0%;
        --accounts-menu-background-contrast-a: 1;
        --accounts-menu-background-contrast:   hsla(
            var(--accounts-menu-background-contrast-h),
            var(--accounts-menu-background-contrast-s),
            var(--accounts-menu-background-contrast-l),
            var(--accounts-menu-background-contrast-a)
        );
            --accounts-menu-hover-r: 245;
        --accounts-menu-hover-g: 250;
        --accounts-menu-hover-b: 253;
        --accounts-menu-hover-h: 202.5;
        --accounts-menu-hover-s: 66.67%;
        --accounts-menu-hover-l: 97.65%;
        --accounts-menu-hover-a: 1;
        --accounts-menu-hover:   hsla(
            var(--accounts-menu-hover-h),
            var(--accounts-menu-hover-s),
            var(--accounts-menu-hover-l),
            var(--accounts-menu-hover-a)
        );
            --accounts-menu-hover-contrast-r: 0;
        --accounts-menu-hover-contrast-g: 0;
        --accounts-menu-hover-contrast-b: 0;
        --accounts-menu-hover-contrast-h: 0;
        --accounts-menu-hover-contrast-s: 0%;
        --accounts-menu-hover-contrast-l: 0%;
        --accounts-menu-hover-contrast-a: 1;
        --accounts-menu-hover-contrast:   hsla(
            var(--accounts-menu-hover-contrast-h),
            var(--accounts-menu-hover-contrast-s),
            var(--accounts-menu-hover-contrast-l),
            var(--accounts-menu-hover-contrast-a)
        );
            --content-ui-foreground-r: 0;
        --content-ui-foreground-g: 90;
        --content-ui-foreground-b: 133;
        --content-ui-foreground-h: 199.4;
        --content-ui-foreground-s: 100%;
        --content-ui-foreground-l: 26.08%;
        --content-ui-foreground-a: 1;
        --content-ui-foreground:   hsla(
            var(--content-ui-foreground-h),
            var(--content-ui-foreground-s),
            var(--content-ui-foreground-l),
            var(--content-ui-foreground-a)
        );
            --content-ui-foreground-contrast-r: 255;
        --content-ui-foreground-contrast-g: 255;
        --content-ui-foreground-contrast-b: 255;
        --content-ui-foreground-contrast-h: 0;
        --content-ui-foreground-contrast-s: 0%;
        --content-ui-foreground-contrast-l: 100%;
        --content-ui-foreground-contrast-a: 1;
        --content-ui-foreground-contrast:   hsla(
            var(--content-ui-foreground-contrast-h),
            var(--content-ui-foreground-contrast-s),
            var(--content-ui-foreground-contrast-l),
            var(--content-ui-foreground-contrast-a)
        );
            --content-ui-background-r: 156;
        --content-ui-background-g: 204;
        --content-ui-background-b: 235;
        --content-ui-background-h: 203.54;
        --content-ui-background-s: 66.39%;
        --content-ui-background-l: 76.67%;
        --content-ui-background-a: 1;
        --content-ui-background:   hsla(
            var(--content-ui-background-h),
            var(--content-ui-background-s),
            var(--content-ui-background-l),
            var(--content-ui-background-a)
        );
            --content-ui-background-contrast-r: 0;
        --content-ui-background-contrast-g: 0;
        --content-ui-background-contrast-b: 0;
        --content-ui-background-contrast-h: 0;
        --content-ui-background-contrast-s: 0%;
        --content-ui-background-contrast-l: 0%;
        --content-ui-background-contrast-a: 1;
        --content-ui-background-contrast:   hsla(
            var(--content-ui-background-contrast-h),
            var(--content-ui-background-contrast-s),
            var(--content-ui-background-contrast-l),
            var(--content-ui-background-contrast-a)
        );
            --content-ui-hover-r: 200;
        --content-ui-hover-g: 226;
        --content-ui-hover-b: 243;
        --content-ui-hover-h: 203.72;
        --content-ui-hover-s: 64.18%;
        --content-ui-hover-l: 86.86%;
        --content-ui-hover-a: 1;
        --content-ui-hover:   hsla(
            var(--content-ui-hover-h),
            var(--content-ui-hover-s),
            var(--content-ui-hover-l),
            var(--content-ui-hover-a)
        );
            --content-ui-hover-contrast-r: 0;
        --content-ui-hover-contrast-g: 0;
        --content-ui-hover-contrast-b: 0;
        --content-ui-hover-contrast-h: 0;
        --content-ui-hover-contrast-s: 0%;
        --content-ui-hover-contrast-l: 0%;
        --content-ui-hover-contrast-a: 1;
        --content-ui-hover-contrast:   hsla(
            var(--content-ui-hover-contrast-h),
            var(--content-ui-hover-contrast-s),
            var(--content-ui-hover-contrast-l),
            var(--content-ui-hover-contrast-a)
        );
            --content-ui-selected-r: 230;
        --content-ui-selected-g: 242;
        --content-ui-selected-b: 249;
        --content-ui-selected-h: 202.11;
        --content-ui-selected-s: 61.29%;
        --content-ui-selected-l: 93.92%;
        --content-ui-selected-a: 1;
        --content-ui-selected:   hsla(
            var(--content-ui-selected-h),
            var(--content-ui-selected-s),
            var(--content-ui-selected-l),
            var(--content-ui-selected-a)
        );
            --content-ui-selected-contrast-r: 0;
        --content-ui-selected-contrast-g: 0;
        --content-ui-selected-contrast-b: 0;
        --content-ui-selected-contrast-h: 0;
        --content-ui-selected-contrast-s: 0%;
        --content-ui-selected-contrast-l: 0%;
        --content-ui-selected-contrast-a: 1;
        --content-ui-selected-contrast:   hsla(
            var(--content-ui-selected-contrast-h),
            var(--content-ui-selected-contrast-s),
            var(--content-ui-selected-contrast-l),
            var(--content-ui-selected-contrast-a)
        );
            --content-ui-submit-foreground-r: 255;
        --content-ui-submit-foreground-g: 255;
        --content-ui-submit-foreground-b: 255;
        --content-ui-submit-foreground-h: 0;
        --content-ui-submit-foreground-s: 0%;
        --content-ui-submit-foreground-l: 100%;
        --content-ui-submit-foreground-a: 1;
        --content-ui-submit-foreground:   hsla(
            var(--content-ui-submit-foreground-h),
            var(--content-ui-submit-foreground-s),
            var(--content-ui-submit-foreground-l),
            var(--content-ui-submit-foreground-a)
        );
            --content-ui-submit-foreground-contrast-r: 0;
        --content-ui-submit-foreground-contrast-g: 0;
        --content-ui-submit-foreground-contrast-b: 0;
        --content-ui-submit-foreground-contrast-h: 0;
        --content-ui-submit-foreground-contrast-s: 0%;
        --content-ui-submit-foreground-contrast-l: 0%;
        --content-ui-submit-foreground-contrast-a: 1;
        --content-ui-submit-foreground-contrast:   hsla(
            var(--content-ui-submit-foreground-contrast-h),
            var(--content-ui-submit-foreground-contrast-s),
            var(--content-ui-submit-foreground-contrast-l),
            var(--content-ui-submit-foreground-contrast-a)
        );
            --content-ui-submit-background-r: 255;
        --content-ui-submit-background-g: 199;
        --content-ui-submit-background-b: 69;
        --content-ui-submit-background-h: 41.94;
        --content-ui-submit-background-s: 100%;
        --content-ui-submit-background-l: 63.53%;
        --content-ui-submit-background-a: 1;
        --content-ui-submit-background:   hsla(
            var(--content-ui-submit-background-h),
            var(--content-ui-submit-background-s),
            var(--content-ui-submit-background-l),
            var(--content-ui-submit-background-a)
        );
            --content-ui-submit-background-contrast-r: 0;
        --content-ui-submit-background-contrast-g: 0;
        --content-ui-submit-background-contrast-b: 0;
        --content-ui-submit-background-contrast-h: 0;
        --content-ui-submit-background-contrast-s: 0%;
        --content-ui-submit-background-contrast-l: 0%;
        --content-ui-submit-background-contrast-a: 1;
        --content-ui-submit-background-contrast:   hsla(
            var(--content-ui-submit-background-contrast-h),
            var(--content-ui-submit-background-contrast-s),
            var(--content-ui-submit-background-contrast-l),
            var(--content-ui-submit-background-contrast-a)
        );
            --accent-foreground-r: 19;
        --accent-foreground-g: 41;
        --accent-foreground-b: 75;
        --accent-foreground-h: 216.43;
        --accent-foreground-s: 59.57%;
        --accent-foreground-l: 18.43%;
        --accent-foreground-a: 1;
        --accent-foreground:   hsla(
            var(--accent-foreground-h),
            var(--accent-foreground-s),
            var(--accent-foreground-l),
            var(--accent-foreground-a)
        );
            --accent-foreground-contrast-r: 255;
        --accent-foreground-contrast-g: 255;
        --accent-foreground-contrast-b: 255;
        --accent-foreground-contrast-h: 0;
        --accent-foreground-contrast-s: 0%;
        --accent-foreground-contrast-l: 100%;
        --accent-foreground-contrast-a: 1;
        --accent-foreground-contrast:   hsla(
            var(--accent-foreground-contrast-h),
            var(--accent-foreground-contrast-s),
            var(--accent-foreground-contrast-l),
            var(--accent-foreground-contrast-a)
        );
            --accent-background-r: 199;
        --accent-background-g: 232;
        --accent-background-b: 253;
        --accent-background-h: 203.33;
        --accent-background-s: 93.1%;
        --accent-background-l: 88.63%;
        --accent-background-a: 1;
        --accent-background:   hsla(
            var(--accent-background-h),
            var(--accent-background-s),
            var(--accent-background-l),
            var(--accent-background-a)
        );
            --accent-background-contrast-r: 0;
        --accent-background-contrast-g: 0;
        --accent-background-contrast-b: 0;
        --accent-background-contrast-h: 0;
        --accent-background-contrast-s: 0%;
        --accent-background-contrast-l: 0%;
        --accent-background-contrast-a: 1;
        --accent-background-contrast:   hsla(
            var(--accent-background-contrast-h),
            var(--accent-background-contrast-s),
            var(--accent-background-contrast-l),
            var(--accent-background-contrast-a)
        );
            --accent-hover-r: 219;
        --accent-hover-g: 228;
        --accent-hover-b: 66;
        --accent-hover-h: 63.33;
        --accent-hover-s: 75%;
        --accent-hover-l: 57.65%;
        --accent-hover-a: 1;
        --accent-hover:   hsla(
            var(--accent-hover-h),
            var(--accent-hover-s),
            var(--accent-hover-l),
            var(--accent-hover-a)
        );
            --accent-hover-contrast-r: 0;
        --accent-hover-contrast-g: 0;
        --accent-hover-contrast-b: 0;
        --accent-hover-contrast-h: 0;
        --accent-hover-contrast-s: 0%;
        --accent-hover-contrast-l: 0%;
        --accent-hover-contrast-a: 1;
        --accent-hover-contrast:   hsla(
            var(--accent-hover-contrast-h),
            var(--accent-hover-contrast-s),
            var(--accent-hover-contrast-l),
            var(--accent-hover-contrast-a)
        );
            --logo-background-r: 19;
        --logo-background-g: 41;
        --logo-background-b: 75;
        --logo-background-h: 216.43;
        --logo-background-s: 59.57%;
        --logo-background-l: 18.43%;
        --logo-background-a: 1;
        --logo-background:   hsla(
            var(--logo-background-h),
            var(--logo-background-s),
            var(--logo-background-l),
            var(--logo-background-a)
        );
            --logo-background-contrast-r: 255;
        --logo-background-contrast-g: 255;
        --logo-background-contrast-b: 255;
        --logo-background-contrast-h: 0;
        --logo-background-contrast-s: 0%;
        --logo-background-contrast-l: 100%;
        --logo-background-contrast-a: 1;
        --logo-background-contrast:   hsla(
            var(--logo-background-contrast-h),
            var(--logo-background-contrast-s),
            var(--logo-background-contrast-l),
            var(--logo-background-contrast-a)
        );
            --body-background-r: 255;
        --body-background-g: 255;
        --body-background-b: 255;
        --body-background-h: 0;
        --body-background-s: 0%;
        --body-background-l: 100%;
        --body-background-a: 1;
        --body-background:   hsla(
            var(--body-background-h),
            var(--body-background-s),
            var(--body-background-l),
            var(--body-background-a)
        );
            --body-background-contrast-r: 0;
        --body-background-contrast-g: 0;
        --body-background-contrast-b: 0;
        --body-background-contrast-h: 0;
        --body-background-contrast-s: 0%;
        --body-background-contrast-l: 0%;
        --body-background-contrast-a: 1;
        --body-background-contrast:   hsla(
            var(--body-background-contrast-h),
            var(--body-background-contrast-s),
            var(--body-background-contrast-l),
            var(--body-background-contrast-a)
        );
            --login-form-background-r: 19;
        --login-form-background-g: 41;
        --login-form-background-b: 75;
        --login-form-background-h: 216.43;
        --login-form-background-s: 59.57%;
        --login-form-background-l: 18.43%;
        --login-form-background-a: 1;
        --login-form-background:   hsla(
            var(--login-form-background-h),
            var(--login-form-background-s),
            var(--login-form-background-l),
            var(--login-form-background-a)
        );
            --login-form-background-contrast-r: 255;
        --login-form-background-contrast-g: 255;
        --login-form-background-contrast-b: 255;
        --login-form-background-contrast-h: 0;
        --login-form-background-contrast-s: 0%;
        --login-form-background-contrast-l: 100%;
        --login-form-background-contrast-a: 1;
        --login-form-background-contrast:   hsla(
            var(--login-form-background-contrast-h),
            var(--login-form-background-contrast-s),
            var(--login-form-background-contrast-l),
            var(--login-form-background-contrast-a)
        );
            --form-border-color-r: 57;
        --form-border-color-g: 116;
        --form-border-color-b: 154;
        --form-border-color-h: 203.51;
        --form-border-color-s: 45.97%;
        --form-border-color-l: 41.37%;
        --form-border-color-a: 0.74;
        --form-border-color:   hsla(
            var(--form-border-color-h),
            var(--form-border-color-s),
            var(--form-border-color-l),
            var(--form-border-color-a)
        );
            --form-border-color-contrast-r: 255;
        --form-border-color-contrast-g: 255;
        --form-border-color-contrast-b: 255;
        --form-border-color-contrast-h: 0;
        --form-border-color-contrast-s: 0%;
        --form-border-color-contrast-l: 100%;
        --form-border-color-contrast-a: 1;
        --form-border-color-contrast:   hsla(
            var(--form-border-color-contrast-h),
            var(--form-border-color-contrast-s),
            var(--form-border-color-contrast-l),
            var(--form-border-color-contrast-a)
        );
            --form-bg-hover-color-r: 200;
        --form-bg-hover-color-g: 227;
        --form-bg-hover-color-b: 244;
        --form-bg-hover-color-h: 203.18;
        --form-bg-hover-color-s: 66.67%;
        --form-bg-hover-color-l: 87.06%;
        --form-bg-hover-color-a: 1;
        --form-bg-hover-color:   hsla(
            var(--form-bg-hover-color-h),
            var(--form-bg-hover-color-s),
            var(--form-bg-hover-color-l),
            var(--form-bg-hover-color-a)
        );
            --form-bg-hover-color-contrast-r: 0;
        --form-bg-hover-color-contrast-g: 0;
        --form-bg-hover-color-contrast-b: 0;
        --form-bg-hover-color-contrast-h: 0;
        --form-bg-hover-color-contrast-s: 0%;
        --form-bg-hover-color-contrast-l: 0%;
        --form-bg-hover-color-contrast-a: 1;
        --form-bg-hover-color-contrast:   hsla(
            var(--form-bg-hover-color-contrast-h),
            var(--form-bg-hover-color-contrast-s),
            var(--form-bg-hover-color-contrast-l),
            var(--form-bg-hover-color-contrast-a)
        );
            --body-foreground-r: 166;
        --body-foreground-g: 166;
        --body-foreground-b: 166;
        --body-foreground-h: 0;
        --body-foreground-s: 0%;
        --body-foreground-l: 65.1%;
        --body-foreground-a: 1;
        --body-foreground:   hsla(
            var(--body-foreground-h),
            var(--body-foreground-s),
            var(--body-foreground-l),
            var(--body-foreground-a)
        );
            --body-foreground-h1-r: 38;
        --body-foreground-h1-g: 38;
        --body-foreground-h1-b: 38;
        --body-foreground-h1-h: 0;
        --body-foreground-h1-s: 0%;
        --body-foreground-h1-l: 14.9%;
        --body-foreground-h1-a: 1;
        --body-foreground-h1:   hsla(
            var(--body-foreground-h1-h),
            var(--body-foreground-h1-s),
            var(--body-foreground-h1-l),
            var(--body-foreground-h1-a)
        );
            --navigation-foreground-highlight-r: 255;
        --navigation-foreground-highlight-g: 255;
        --navigation-foreground-highlight-b: 255;
        --navigation-foreground-highlight-h: 0;
        --navigation-foreground-highlight-s: 0%;
        --navigation-foreground-highlight-l: 100%;
        --navigation-foreground-highlight-a: 1;
        --navigation-foreground-highlight:   hsla(
            var(--navigation-foreground-highlight-h),
            var(--navigation-foreground-highlight-s),
            var(--navigation-foreground-highlight-l),
            var(--navigation-foreground-highlight-a)
        );
    }