:root {
  /* Original theme name: sublime-bdazzeled */
  /* Original SCSS colors:
     $theme-heading-border: none;
     $theme-subheading-border: 1px solid #5e798d;
     $border-radius: 0px;
     $label-primary: #5e798d;
     $text-details: #5e798d;
     $theme-color: #002147;
     $theme-color-semi-trans: #002147;
     $theme-button-color: #5e798d;
     $link-color: #002147;
     $success-color: #176638;
     $danger-color: #ab2315;
     $warning-color: #a66908;
     $info-color: #195d8b;
     $site-header-color: #fff;
     $site-header-font-color: #444;
     $site-header-font-color-hover: $link-color;
     $feature-color: #d5cad6;
  */
  /* Potential issues / skipped variables:
     - $anchor-font-color-hover / --link-color-hover was not provided in the original SCSS input and has been skipped.
     - $h1-font-size through $h6-font-size were not provided in the original SCSS input and have been skipped.
  */
  /* === Primary Color Palette (#002147 - Oxford / Bdazzled Navy) === */
  --color-primary: #002147;
  --color-primary-100: #e6ebf2;
  --color-primary-200: #b4c3d6;
  --color-primary-300: #819bb9;
  --color-primary-400: #4f739d;
  --color-primary-500: #214d80;
  --color-primary-600: #002147;
  --color-primary-700: #001938;
  --color-primary-800: #00122a;
  --color-primary-900: #000a1c;
  /* === Success Color Palette (#176638) === */
  --color-success: #176638;
  --color-success-100: #e8f5ed;
  --color-success-200: #c5e7d2;
  --color-success-300: #9dd7b4;
  --color-success-400: #73c794;
  --color-success-500: #4bb675;
  --color-success-600: #176638;
  --color-success-700: #114f29;
  --color-success-800: #0c381b;
  --color-success-900: #062110;
  /* === Danger Color Palette (#ab2315) === */
  --color-danger: #ab2315;
  --color-danger-100: #fbebe9;
  --color-danger-200: #f4c2bd;
  --color-danger-300: #e8958d;
  --color-danger-400: #dc695d;
  --color-danger-500: #d04033;
  --color-danger-600: #ab2315;
  --color-danger-700: #861a0f;
  --color-danger-800: #611109;
  --color-danger-900: #3c0904;
  /* === Warning Color Palette (#a66908) === */
  --color-warning: #a66908;
  --color-warning-100: #fef5e7;
  --color-warning-200: #fbe1b6;
  --color-warning-300: #f9cc85;
  --color-warning-400: #f7b855;
  --color-warning-500: #f4a424;
  --color-warning-600: #db8a0b;
  --color-warning-700: #aa6c08;
  --color-warning-800: #7a4d06;
  --color-warning-900: #492e04;
  /* === Info Color Palette (#195d8b) === */
  --color-info: #195d8b;
  --color-info-100: #e8f2f8;
  --color-info-200: #c5dded;
  --color-info-300: #9dc4df;
  --color-info-400: #73aacd;
  --color-info-500: #4a91bb;
  --color-info-600: #195d8b;
  --color-info-700: #12486f;
  --color-info-800: #0c3352;
  --color-info-900: #061f36;
  /* === Mapped Theme Variables === */
  --label-primary: #5e798d;
  --text-details: #5e798d;
  --heading-color: #203e58;
  --theme-button-color: #5e798d;
  --theme-button-color-hover: #486173;
  --link-color: var(--color-primary);
  --site-header-color: #fff;
  --site-header-font-color: #444;
  --site-header-font-color-hover: var(--link-color);
  --feature-color: #d5cad6;
  /* === Typography & Layout Variables === */
  --border-radius: 0px;
}
/* Base Typography Styles */
body {
  font-family: var(--body-font-family);
  color: var(--text-details);
}
h1, .mce-content-body h1 {
  font-family: var(--header-font-family);
  color: #203e58;
  font-size: var(--h1-font-size);
}
h2, h3, h4, .mce-content-body h2, .mce-content-body h3, .mce-content-body h4 {
  font-family: var(--subheader-font-family);
  color: #203e58;
}
h2 { font-size: var(--h2-font-size); }
h3 { font-size: var(--h3-font-size); }
h4 { font-size: var(--h4-font-size); }
h5 { font-size: var(--h5-font-size); font-family: var(--header-font-family); color: #203e58; }
h6 { font-size: var(--h6-font-size); font-family: var(--header-font-family); color: #203e58; }
/* Cookie Banner Heading Overrides */
.cookie-banner h1, .cookie-banner h2, .cookie-banner h3, .cookie-banner h4, .cookie-banner h5, .cookie-banner h6,
#cookie-banner h1, #cookie-banner h2, #cookie-banner h3, #cookie-banner h4, #cookie-banner h5, #cookie-banner h6,
.cookie-notice h1, .cookie-notice h2, .cookie-notice h3, .cookie-notice h4, .cookie-notice h5, .cookie-notice h6,
#cookie-notice h1, #cookie-notice h2, #cookie-notice h3, #cookie-notice h4, #cookie-notice h5, #cookie-notice h6,
.cc-banner h1, .cc-banner h2, .cc-banner h3, .cc-banner h4, .cc-banner h5, .cc-banner h6,
#portal-cookie-banner h1, #portal-cookie-banner h2, #portal-cookie-banner h3, #portal-cookie-banner h4, #portal-cookie-banner h5, #portal-cookie-banner h6,
.privacy-cookie-banner h1, .privacy-cookie-banner h2, .privacy-cookie-banner h3, .privacy-cookie-banner h4, .privacy-cookie-banner h5, .privacy-cookie-banner h6 {
  font-size: calc(var(--h2-font-size) + 4px) !important;
  font-family: var(--subheader-font-family) !important;
  color: #ffffff !important;
}
/* Plone Toolbar Top Customization */
body.plone-toolbar-top #edit-bar #edit-zone, 
body.plone-toolbar-top #edit-bar #edit-zone .toolbar-header,
.toolbar, #toolbar {
  background-color: var(--color-primary-700) !important;
}
body.plone-toolbar-top #edit-bar #edit-zone a,
body.plone-toolbar-top #edit-bar #edit-zone span,
body.plone-toolbar-top #edit-bar #edit-zone button {
  color: #ffffff !important;
}
body.plone-toolbar-top #edit-bar #edit-zone a:hover,
body.plone-toolbar-top #edit-bar #edit-zone button:hover {
  color: var(--color-primary-200) !important;
}