/* ============================================================ */
/* BODY COPY                                                    */
/* PURPOSE: Apply Akzidenz to general content and clean up      */
/*          inconsistent inline font declarations.              */
/* ============================================================ */

body {
  font-family: "Akzidenz Grotesk", sans-serif !important;
  letter-spacing: 0.01em !important;
}

/* Override inline Calibri and other fonts in detail views */
.detail.content span[style*="font-family"] {
  font-family: "Akzidenz Grotesk", sans-serif !important;
}

/* Override spans in article body if needed */
.detail.content article span {
  font-family: "Akzidenz Grotesk", sans-serif !important;
}

/* Override inline font declarations inside detail sections */
section.detail.content [style*="font-family"] {
  font-family: "Akzidenz Grotesk", sans-serif !important;
}


/* ============================================================ */
/* RESPONSIVE TIMETABLE                                         */
/* PURPOSE: Improve timetable layout on desktop/tablet by       */
/*          removing forced scroll and allowing wrapping.       */
/* ============================================================ */

@media (min-width: 768px){
  .scrollable.show-for-medium-up{
    overflow-x: visible !important;
  }

  table.timetable{
    width: 100% !important;
    table-layout: fixed !important;
    border-collapse: collapse;
  }

  table.timetable th,
  table.timetable td{
    width: auto !important;
    white-space: normal;
    word-break: break-word;
    text-align: left;
    font-size: 0.7rem;
    padding: 0.05rem 0.01rem;
  }
}

/* Safety: retain horizontal scroll on ultra-narrow layouts */
@media (max-width: 100px){
  .scrollable.show-for-medium-up{
    overflow-x: auto;
  }
}



/* ============================================================ */
/* TIMETABLE METADATA                                           */
/* PURPOSE: Tidy up and shrink the time metadata displayed in   */
/*          timetable headers for better readability.           */
/* ============================================================ */

table.timetable time.meta{
  font-size: 0.60rem !important;
  line-height: 1.1;
  display: block;
  font-weight: 400;
}

/* Slightly adjust size for phones */
@media (max-width: 767px){
  table.timetable time.meta{
    font-size: 0.65rem !important;
  }
}



/* ============================================================ */
/* SUBJECT CLAMP                                                */
/* PURPOSE: Prevent very long subject names from overflowing    */
/*          timetable cells by clamping to two lines.           */
/* ============================================================ */

[data-timetable] .timetable-subject a {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-break: keep-all;
}



/* ============================================================ */
/* COMPONENT CARD STYLING                                       */
/* PURPOSE: Give general components a soft card appearance      */
/*          with rounded corners and a light shadow.            */
/* ============================================================ */

.component-container{
  background: var(--c-card-bg);
  border-radius: var(--radius);
  padding: 0.75rem;
  box-shadow: 0 2px 18px rgba(0,0,0,.08);
  transition: box-shadow .3s ease, transform .3s ease;
}

/* Extra rounding applied globally to component containers */
.component-container{
  border-radius: 16px;
}



/* ============================================================ */
/* GREETING BANNER RESET                                        */
/* PURPOSE: Remove glass/blur styling and padding from the      */
/*          dashboard greeting components.                      */
/* ============================================================ */

/* Specific greeting component (by ID) */
#component9 {
  background: none !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

#component9 h1{
  margin: 0;
  padding: .5rem 0;
}

/* Generic greeting controller components */
.component-container.Component_Dashboard_GreetingController{
  background: none !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.component-container.Component_Dashboard_GreetingController h1{
  margin: 0;
  padding: 1rem 0;
}

/* Ensure no extra top padding remains */
.component-container.Component_Dashboard_GreetingController {
  padding-top: 0 !important;
}



/* ============================================================ */
/* TOP NAV HOVER SCALING                                        */
/* PURPOSE: Add a subtle scale/zoom effect to the top-menu      */
/*          icons when hovered.                                 */
/* ============================================================ */

#top-menu > li > a::before {
  transition: transform .2s ease-in-out !important;
  transform-origin: center center !important;
}

#top-menu > li:hover > a::before {
  transform: scale(1.1) !important;
}



/* ============================================================ */
/* NEWS UNDERLINE ANIMATION                                     */
/* PURPOSE: Add animated underline hover states to News         */
/*          headlines and author/meta links.                    */
/* ============================================================ */

/* Tab hover underline */
.tabs a {
  border-bottom: 3px solid transparent;
  transition: border-color .2s;
}

.tabs a:hover {
  border-bottom-color: #eaa720;
}

/* Headline animated underline */
.information-list .list-item h3 > a {
  position: relative;
  display: inline-block;
  color: #0f254c;
  text-decoration: none;
  padding-bottom: .25rem;
  border-bottom: none !important;
  z-index: 1;
}

.information-list .list-item h3 > a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background: #eaa720;
  transform-origin: left center;
  transform: scaleX(0);
  transition: transform 0.4s ease-out;
  z-index: 0;
}

.information-list .list-item h3 > a:hover::after {
  transform: scaleX(1);
}

/* Meta/author animated underline */
.information-list .list-item .meta a {
  position: relative;
  display: inline-block;
  color: #0f254c;
  text-decoration: none;
  padding-bottom: .2rem;
  border-bottom: none !important;
  z-index: 1;
}

.information-list .list-item .meta a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 2px;
  background: #eaa720;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.4s ease-out;
  z-index: 0;
}

.information-list .list-item .meta a:hover::after {
  transform: scaleX(1);
}



/* ============================================================ */
/* ARTICLE LAYOUT                                               */
/* PURPOSE: Make inline-expanded news articles match the        */
/*          layout and spacing of full article pages.           */
/* ============================================================ */

.list-item article {
  padding: 0;
}

.list-item article p {
  margin: 0 0 1.25rem;
  line-height: 1.4;
}

.list-item article p:first-of-type {
  margin-top: 0;
}

.list-item article h2,
.list-item article h3,
.list-item article h4 {
  margin: 1.5rem 0 0.5rem;
  line-height: 1.3;
}

.list-item article ul,
.list-item article ol {
  margin: 0 0 1.25rem 1.5rem;
  padding: 0;
}

/* Bring meta/date closer to the heading */
ul.information-list .small-12.card.wrap-down h3 {
  margin-bottom: 0.01rem;
}

ul.information-list .small-12.card.wrap-down .meta {
  margin-top: 0.01;
  margin-bottom: 0.1rem;
  font-size: 0.8rem;
  color: #666;
}



/* ============================================================ */
/* FILE LIST INDENT                                             */
/* PURPOSE: Align article attachments/files under the main      */
/*          body text in expanded news cards.                   */
/* ============================================================ */

.small-12.card.wrap-down > ul.article-files {
  margin: 1rem 0 0;
  padding-left: 12.5rem;
  box-sizing: border-box;
}



/* ============================================================ */
/* ROUNDED TIMETABLE CELLS                                      */
/* PURPOSE: Allow active timetable period cells to show rounded */
/*          corners by using separate borders.                  */
/* ============================================================ */

table.timetable {
  border-collapse: separate !important;
}

table.timetable th.timetable-period-active {
  border-radius: 5px;
  overflow: hidden;
}



/* ============================================================ */
/* SUNFLOWER ICON                                               */
/* PURPOSE: Prepend a sunflower emoji to the Timetable Day      */
/*          heading on dashboard timetable component.           */
/* ============================================================ */

div.Component_Dashboard_TimetableController h2.subheader::before {
  content: '🌻 ' !important;
  display: inline-block;
}




/* ============================================================ */
/* DISABLE UPPERCASE H2                                         */
/* PURPOSE: Prevent forced uppercase on H2 subheaders so the    */
/*          TitleCase JavaScript can display correctly.         */
/* ============================================================ */

h2.subheader {
  text-transform: none !important;
}
/* ============================================================ */
/* DASHBOARD-ONLY H2 COLOUR                                     */
/* PURPOSE: Force navy H2 headings on Dashboard components       */
/*          without affecting any other pages.                  */
/* ============================================================ */

.component-container[class*="Component_Dashboard_"] h2 {
  color: #0f254c !important;
}

:root {
            --navigation-foreground-r: 251;
        --navigation-foreground-g: 253;
        --navigation-foreground-b: 255;
        --navigation-foreground-h: 210;
        --navigation-foreground-s: 100%;
        --navigation-foreground-l: 99.22%;
        --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: 15;
        --navigation-background-g: 37;
        --navigation-background-b: 76;
        --navigation-background-h: 218.36;
        --navigation-background-s: 67.03%;
        --navigation-background-l: 17.84%;
        --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: 236;
        --navigation-hover-g: 171;
        --navigation-hover-b: 0;
        --navigation-hover-h: 43.47;
        --navigation-hover-s: 100%;
        --navigation-hover-l: 46.27%;
        --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: 255;
        --off-canvas-foreground-g: 255;
        --off-canvas-foreground-b: 255;
        --off-canvas-foreground-h: 0;
        --off-canvas-foreground-s: 0%;
        --off-canvas-foreground-l: 100%;
        --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: 0;
        --off-canvas-foreground-contrast-g: 0;
        --off-canvas-foreground-contrast-b: 0;
        --off-canvas-foreground-contrast-h: 0;
        --off-canvas-foreground-contrast-s: 0%;
        --off-canvas-foreground-contrast-l: 0%;
        --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: 15;
        --off-canvas-background-g: 37;
        --off-canvas-background-b: 76;
        --off-canvas-background-h: 218.36;
        --off-canvas-background-s: 67.03%;
        --off-canvas-background-l: 17.84%;
        --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: 255;
        --off-canvas-background-contrast-g: 255;
        --off-canvas-background-contrast-b: 255;
        --off-canvas-background-contrast-h: 0;
        --off-canvas-background-contrast-s: 0%;
        --off-canvas-background-contrast-l: 100%;
        --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: 236;
        --off-canvas-hover-g: 171;
        --off-canvas-hover-b: 0;
        --off-canvas-hover-h: 43.47;
        --off-canvas-hover-s: 100%;
        --off-canvas-hover-l: 46.27%;
        --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: 15;
        --accounts-menu-foreground-g: 37;
        --accounts-menu-foreground-b: 76;
        --accounts-menu-foreground-h: 218.36;
        --accounts-menu-foreground-s: 67.03%;
        --accounts-menu-foreground-l: 17.84%;
        --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: 238;
        --accounts-menu-background-g: 238;
        --accounts-menu-background-b: 238;
        --accounts-menu-background-h: 0;
        --accounts-menu-background-s: 0%;
        --accounts-menu-background-l: 93.33%;
        --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: 236;
        --accounts-menu-hover-g: 171;
        --accounts-menu-hover-b: 0;
        --accounts-menu-hover-h: 43.47;
        --accounts-menu-hover-s: 100%;
        --accounts-menu-hover-l: 46.27%;
        --accounts-menu-hover-a: 0.55;
        --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: 15;
        --content-ui-foreground-g: 37;
        --content-ui-foreground-b: 76;
        --content-ui-foreground-h: 218.36;
        --content-ui-foreground-s: 67.03%;
        --content-ui-foreground-l: 17.84%;
        --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: 190;
        --content-ui-background-g: 188;
        --content-ui-background-b: 188;
        --content-ui-background-h: 0;
        --content-ui-background-s: 1.52%;
        --content-ui-background-l: 74.12%;
        --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: 236;
        --content-ui-hover-g: 171;
        --content-ui-hover-b: 0;
        --content-ui-hover-h: 43.47;
        --content-ui-hover-s: 100%;
        --content-ui-hover-l: 46.27%;
        --content-ui-hover-a: 0.55;
        --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: 236;
        --content-ui-selected-g: 171;
        --content-ui-selected-b: 0;
        --content-ui-selected-h: 43.47;
        --content-ui-selected-s: 100%;
        --content-ui-selected-l: 46.27%;
        --content-ui-selected-a: 0.55;
        --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: 15;
        --content-ui-submit-background-g: 37;
        --content-ui-submit-background-b: 76;
        --content-ui-submit-background-h: 218.36;
        --content-ui-submit-background-s: 67.03%;
        --content-ui-submit-background-l: 17.84%;
        --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: 255;
        --content-ui-submit-background-contrast-g: 255;
        --content-ui-submit-background-contrast-b: 255;
        --content-ui-submit-background-contrast-h: 0;
        --content-ui-submit-background-contrast-s: 0%;
        --content-ui-submit-background-contrast-l: 100%;
        --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: 15;
        --accent-foreground-g: 37;
        --accent-foreground-b: 76;
        --accent-foreground-h: 218.36;
        --accent-foreground-s: 67.03%;
        --accent-foreground-l: 17.84%;
        --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: 193;
        --accent-background-g: 193;
        --accent-background-b: 193;
        --accent-background-h: 0;
        --accent-background-s: 0%;
        --accent-background-l: 75.69%;
        --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: 236;
        --accent-hover-g: 171;
        --accent-hover-b: 0;
        --accent-hover-h: 43.47;
        --accent-hover-s: 100%;
        --accent-hover-l: 46.27%;
        --accent-hover-a: 0.55;
        --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: 255;
        --logo-background-g: 255;
        --logo-background-b: 255;
        --logo-background-h: 0;
        --logo-background-s: 0%;
        --logo-background-l: 100%;
        --logo-background-a: 0;
        --logo-background:   hsla(
            var(--logo-background-h),
            var(--logo-background-s),
            var(--logo-background-l),
            var(--logo-background-a)
        );
            --logo-background-contrast-r: 0;
        --logo-background-contrast-g: 0;
        --logo-background-contrast-b: 0;
        --logo-background-contrast-h: 0;
        --logo-background-contrast-s: 0%;
        --logo-background-contrast-l: 0%;
        --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: 190;
        --login-form-background-g: 188;
        --login-form-background-b: 188;
        --login-form-background-h: 0;
        --login-form-background-s: 1.52%;
        --login-form-background-l: 74.12%;
        --login-form-background-a: 0.6;
        --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: 0;
        --login-form-background-contrast-g: 0;
        --login-form-background-contrast-b: 0;
        --login-form-background-contrast-h: 0;
        --login-form-background-contrast-s: 0%;
        --login-form-background-contrast-l: 0%;
        --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: 216;
        --form-border-color-g: 221;
        --form-border-color-b: 221;
        --form-border-color-h: 180;
        --form-border-color-s: 6.85%;
        --form-border-color-l: 85.69%;
        --form-border-color-a: 0.78;
        --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: 0;
        --form-border-color-contrast-g: 0;
        --form-border-color-contrast-b: 0;
        --form-border-color-contrast-h: 0;
        --form-border-color-contrast-s: 0%;
        --form-border-color-contrast-l: 0%;
        --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: 236;
        --form-bg-hover-color-g: 171;
        --form-bg-hover-color-b: 0;
        --form-bg-hover-color-h: 43.47;
        --form-bg-hover-color-s: 100%;
        --form-bg-hover-color-l: 46.27%;
        --form-bg-hover-color-a: 0.55;
        --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)
        );
    }