/* Light theme overrides (default build is dark) */
html[data-theme="light"] {
  border-top-color: #363533;
}

html[data-theme="light"] body {
  background-color: #e2e0de;
  color: #363533;
}

html[data-theme="light"] a,
html[data-theme="light"] a.icon {
  color: #2bbc8a;
}

html[data-theme="light"] a:hover {
  background-image: linear-gradient(transparent, transparent 5px, #2bbc8a 5px, #2bbc8a);
}

html[data-theme="light"] #header h1,
html[data-theme="light"] #header .h1 {
  color: #363533;
}

html[data-theme="light"] #header #nav,
html[data-theme="light"] #header #nav ul a {
  color: #d44375;
}

html[data-theme="light"] #header #nav ul li {
  border-color: #d44375;
}

html[data-theme="light"] #header #nav ul a:hover {
  background-image: linear-gradient(transparent, transparent 5px, #d44375 5px, #d44375);
}

html[data-theme="light"] .h1,
html[data-theme="light"] .h2,
html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] h3,
html[data-theme="light"] h4 {
  color: #111111;
}

html[data-theme="light"] code {
  background: #d6d4d2;
  color: #666;
}

html[data-theme="light"] pre,
html[data-theme="light"] .highlight {
  background: #d6d4d2;
  color: #363533;
}

html[data-theme="light"] blockquote {
  border-left-color: #ab2251;
  color: #ab2251;
}

html[data-theme="light"] #footer,
html[data-theme="light"] .meta,
html[data-theme="light"] .post-list .meta {
  color: #666;
}

html[data-theme="light"] hr {
  border-color: #666;
}

html[data-theme="light"] table th,
html[data-theme="light"] table td {
  border-color: #666;
}

html[data-theme="light"] #theme-toggle {
  color: #d44375;
}

#theme-toggle {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
  color: inherit;
  font-size: 0.95rem;
  line-height: 1;
  vertical-align: middle;
}

#theme-toggle:hover {
  opacity: 0.8;
}

#theme-toggle .theme-icon-light {
  display: none;
}

html[data-theme="light"] #theme-toggle .theme-icon-dark {
  display: none;
}

html[data-theme="light"] #theme-toggle .theme-icon-light {
  display: inline;
}