:root {
  --accent: #00a878;
  --accent-bright: #00d195;
  --accent-fill: #00a878;
  --accent-fill-hover: #00cc92;
  --accent-fill-edge: #00a878;
  --accent-ink: #0a1220;
  --accent-glow: rgba(0, 168, 120, 0.78);
  --accent-wash: rgba(0, 168, 120, 0.08);
}

:root[data-theme="light"] {
  --accent: #177f50;
  --accent-bright: #115c3a;
  --accent-fill: #52e0a0;
  --accent-fill-hover: #34db8f;
  --accent-fill-edge: #1da065;
  --accent-ink: #07101f;
  --accent-glow: rgba(82, 224, 160, 0.78);
  --accent-wash: rgba(23, 127, 80, 0.08);
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme]) {
  --accent: #177f50;
  --accent-bright: #115c3a;
  --accent-fill: #52e0a0;
  --accent-fill-hover: #34db8f;
  --accent-fill-edge: #1da065;
  --accent-ink: #07101f;
  --accent-glow: rgba(82, 224, 160, 0.78);
  --accent-wash: rgba(23, 127, 80, 0.08);
  }
}

::selection {
  background: rgba(0, 168, 120, 0.34);
}

:root[data-theme="light"] ::selection {
  background: rgba(23, 127, 80, 0.34);
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme]) ::selection {
    background: rgba(23, 127, 80, 0.34);
  }
}