/* ==========================================================================
   Dark theme
   ========================================================================== */

:root {
  --nav-base-color: oklch(38.352% 0.03783 250.303);
  --nav-base-color-gradient-dark: oklch(from var(--nav-base-color) calc(l + -0.06456) calc(c + -0.00276) calc(h + -11.882));
  --nav-base-color-lighter: oklch(from var(--nav-base-color) calc(l + 0.02457) calc(c + -0.00313) calc(h + 1.081));
  --nav-base-color-even-lighter: oklch(from var(--nav-base-color) calc(l + 0.2) calc(c + 0.0) calc(h + 0.0));
  --nav-base-color-lighter-gradient-dark: oklch(from var(--nav-base-color) calc(l + -0.02918) calc(c + -0.002547) calc(h + -8.532));
  --nav-border-top-bottom: oklch(from var(--nav-base-color) calc(l + -0.13408) calc(c + -0.001189) calc(h + -12.767));
  --nav-link-color: oklch(90% 0.01 250.303);
  --nav-link-shadow-color: oklch(1.00 0.00011 271.152 / 0.5);

body {
  background: var(--nav-base-color-gradient-dark);
  color: #FFF;
}

.wrapper {
  background: var(--nav-base-color-gradient-dark);
  border-bottom: solid 1px var(--nav-base-color-even-lighter);
}

footer {
  background: var(--nav-base-color-gradient-dark);
}

footer p  {
  color: #FFFF;
}

h1#new-site-logo a, h2, h3, h4 {
  color: #FFF;
}

h1#new-site-logo a {
  background-color: none;
  transition: text-decoration 0.3s;
  text-underline-offset: 0.25em;
}

[role="main"] h1#new-site-logo a:hover {
  background-color: none;
}

[role="main"] h1 a {
  text-decoration: solid underline rgba(255, 255,255, 0.0) 0.05rem;
}

[role="main"] h1 a:hover {
  text-decoration: solid underline rgba(255, 255, 255, 1.0) 0.05rem;
}

[role="main"] h1 a:focus {
  outline: none;
}

[role="main"] h1 a:hover, [role="main"] h1 a:active {
  background-color: rgba(255, 255, 255, 0.0);
}

h2 {
  font-weight: 500;
}

.content-box-white {
   background-color: var(--nav-base-color);
   border: 1px solid var(--nav-base-color);
   border-radius: 0.5rem;
}

.speaker-card {
   background-color: var(--nav-base-color);
   border: 1px solid var(--nav-base-color);
}

.event-card {
   border-bottom: 1px solid var(--nav-base-color);
   border-radius: 0.5rem;
   background-color: var(--nav-base-color);
   box-shadow: 2.5px 5px 10px rgba(0,0,0,0.25);

}

.event-card-text {
  color: #FFF;
  background: none;
}

.event-card-text img {
  color: #FFF;
}

.event-card-text a,
.event-card-text a:visited,
.event-card-text a:active,
.event-card-text a:hover
{
  color: #FFF;
}

.event-card-text .notice
{
  color: #F55;
}

.event-card-text img.white-icon
{
   filter: brightness(0) invert(1);
}

[role="main"] a,
[role="main"] a:visited,
[role="main"] a:active,
[role="main"] a:hover
{
  color: #ADD8E6;
}

hr  {
   color: var(--nav-base-color-even-lighter);
   background-color: var(--nav-base-color-even-lighter);
}