:root {
  --page-background: #f4f6f8;
  --nav-menu-root-bg: #3a4d5c;
  --nav-menu-root-text: #f1f5f9;
  --nav-menu-root-hover-bg: #4a6278;
  --nav-menu-root-hover-text: #ffffff;
  --nav-menu-root-active-bg: #2f3d4a;
  --nav-menu-root-active-text: #ffffff;
  --nav-menu-panel-bg: #e2e8f0;
  --nav-menu-panel-text: #334155;
  --nav-menu-panel-hover-bg: #cbd5e1;
  --nav-menu-panel-hover-text: #1e293b;
  --nav-menu-panel-active-bg: #94a3b8;
  --nav-menu-panel-active-text: #0f172a;
  --nav-menu-dropdown-bg: #e2e8f0;
  --nav-menu-dropdown-text: #334155;
  --nav-menu-dropdown-hover-bg: #cbd5e1;
  --nav-menu-dropdown-hover-text: #1e293b;
  --nav-menu-dropdown-active-bg: #94a3b8;
  --nav-menu-dropdown-active-text: #0f172a;
  --nav-menu-nested-bg: #e2e8f0;
  --nav-menu-nested-text: #334155;
  --nav-menu-nested-hover-bg: #cbd5e1;
  --nav-menu-nested-hover-text: #1e293b;
  --nav-menu-nested-active-bg: #94a3b8;
  --nav-menu-nested-active-text: #0f172a;
  --content-button-bg: #3a4d5c;
  --content-button-text: #f1f5f9;
  --content-button-hover-bg: #4a6278;
  --content-button-hover-text: #ffffff;
  --content-button-active-bg: #2f3d4a;
  --content-button-active-text: #ffffff;
  --site-link-color: #334155;
  --site-link-hover-color: #1e293b;
  --footer-bg: #f4f6f8;
  --footer-text: #3a4d5c;
  --site-title-color: #3a4d5c;
}