nav {
  border-color: #33c2d0;
}

nav a:hover {
  background-color: #99e1e7;
}

header {
  border-color: #33c2d0;
}

footer {
  border-color: #33c2d0;
}

.camra-white-foreground {
  color: white;
}

.camra-white-background {
  background-color: white;
}

.camra-black-foreground {
  color: black;
}

.camra-black-background {
  background-color: black;
}

.camra-primary-foreground {
  color: #00b3c4;
}

.camra-primary-background {
  background-color: #00b3c4;
}

.camra-primary-border {
  border-color: #00b3c4;
}

.camra-tint-80-foreground {
  color: #33c2d0;
}

.camra-tint-80-background {
  background-color: #33c2d0;
}

.camra-tint-80-border {
  border-color: #33c2d0;
}

.camra-tint-40-foreground {
  color: #99e1e7;
}

.camra-tint-40-background {
  background-color: #99e1e7;
}

.camra-tint-40-border {
  border-color: #99e1e7;
}

.camra-tint-20-foreground {
  color: #ccf0f3;
}

.camra-tint-20-background {
  background-color: #ccf0f3;
}

.camra-tint-20-border {
  border-color: #ccf0f3;
}

h1.content_title {
  background-color: #00b3c4;
  color: white;
}

:root {
  --camra-primary: #00b3c4;
  --camra-tint-80: #33c2d0;
  --camra-tint-40: #99e1e7;
  --camra-tint-20: #ccf0f3;
  --camra-contrast: white;
  --camra-primary-or-black: #00b3c4;
}