/*
  ThemeOcean.css - Dark Ocean four-color theme
  -----------------------------------------------
  --dark:       #0b1d2e   deep ocean floor (midnight navy)
  --light:      #c9e4f0   seafoam / arctic blue (pale)
  --header-bg:  #1a5c8a   cerulean mid-ocean blue
  --header-clr: #eaf6fd   sea spray (near-white, blue tint)
*/

:root {
  --dark:       #0b1d2e;
  --light:      #c9e4f0;
  --header-bg:  #1a5c8a;
  --header-clr: #eaf6fd;
}

/* ---- usage patterns ---- */

body {
  background-color: var(--light);
  color:            var(--dark);
}

header, nav {
  background-color: var(--header-bg);
  color:            var(--header-clr);
}

header a, nav a {
  color: var(--header-clr);
}

.dark-panel {
  background-color: var(--dark);
  color:            var(--light);
}

.light-panel {
  background-color: var(--light);
  color:            var(--dark);
}