body {
  background: #0f172a;
  color: #dbe7f3;
}

a {
  color: #38bdf8;
  transition: color 250ms ease;
}
a:hover {
  color: #73d1fa;
}

h1, h2, h3, h4, h5, h6 {
  color: #f8fafc;
}

header svg {
  filter: drop-shadow(0 0 1rem rgba(56, 189, 248, 0.2));
}
header svg #Colors {
  fill: #ff6a3d;
}
header svg #Grays {
  fill: #38bdf8;
}
header nav a {
  color: #dbe7f3;
  text-decoration-color: rgba(56, 189, 248, 0.35);
}
header nav a:hover {
  color: #fff;
}

.theme-toggle {
  display: flex;
  align-items: center;
  gap: 0.45em;
  color: #9ca3af;
  cursor: pointer;
  user-select: none;
}
.theme-toggle input {
  accent-color: #38bdf8;
}
.theme-toggle span {
  white-space: nowrap;
}

#hero p {
  color: #bec2ca;
}

section .container:last-child {
  border-bottom-color: #2b364d;
}

.button, button {
  background: #38bdf8;
  color: #090e1a;
}
.button:hover, button:hover {
  background: #5fcaf9;
}
.button.primary, button.primary {
  background: #ff6a3d;
  color: #fff;
}
.button.primary:hover, button.primary:hover {
  background: #ff825c;
}
.button.secondary, button.secondary {
  background: #202b41;
  color: #dbe7f3;
}
.button.secondary:hover, button.secondary:hover {
  background: #2d3d5c;
}

.services .service p {
  color: #b3b8c1;
}

.gtmetrix-scores .score {
  background: #172033;
  border-color: #2b364d;
}
.gtmetrix-scores .value {
  color: #f8fafc;
}
.gtmetrix-scores .label {
  color: #b3b8c1;
}
.gtmetrix-scores .grade {
  background: #ff6a3d;
  border-color: #ff6a3d;
}
.gtmetrix-scores .grade .value,
.gtmetrix-scores .grade .label {
  color: #fff;
}

.works .work .image {
  background: #172033;
  box-shadow: 0 1rem 2.5rem rgba(0, 0, 0, 0.18);
}
.works .work p {
  color: #b3b8c1;
}

/*# sourceMappingURL=theme-dark.css.map */