
<!--#set var="color-set" value="// light blue color set" -->
<!--#set var="color-logo-accent" value="#146a39" -->

<!--#set var="color-nav-text" value="#FFF" -->
<!--#set var="color-leftright" value="#7da7d9" -->

<!--#set var="color-text" value="#333" -->
<!--#set var="color-headlines" value="#334c7a" -->
<!--#set var="color-link" value="#334c7a" -->
<!--#set var="color-visited" value="#334c7a" -->
<!--#set var="color-contrasthighlight" value="#ADEDFC" -->
<!--#set var="color-form-label" value="#458DB5" -->

<!--#set var="color-background" value="#7da7d9" -->
<!--#set var="color-sidebar" value="#BBDBFF" -->
<!--#set var="color-nav" value="#7da7d9" -->
<!--#set var="color-nav-hover" value="#62A9CC" -->
<!--#set var="color-middle" value="#D6EAFF" -->
<!--#set var="color-card" value="#BBDBFF" -->
<!--#set var="color-card-hover" value="#a0edfb" -->
<!--#set var="color-set" value="// light blue color set" -->

<!--#set var="color-header" value="#C4D7A4" -->
<!--#set var="color-panel" value="#c9b869" -->
<!--#set var="color-content" value="#F7E9AF" -->
<!--#set var="color-foreground" value="#F66" -->
<!--#set var="color-barhighlight" value="#D6EAFF" -->

<!--#set var="color-buttonstart" value="#9eed66" -->
<!--#set var="color-buttonend" value="#366600" -->
<!--#set var="color-buttonhover" value="#cfe620" -->
<!--#set var="color-buttontext" value="#ffffff" -->

:root {
  --color-background: #7da7d9;
  --color-nav: #7da7d9;
  --color-nav-text: #FFF;
  --color-nav-hover: #62A9CC;
}