body {
  background-color: #0d1117;
  color: #c9d1d9;
}

header h1 {
  color: #f0f6fc;
}

header p {
  color: #8b949e;
}

header p a {
  color: #58a6ff;
  text-decoration: none;
}

header p a:hover {
  text-decoration: underline;
}

.provider-heading {
  color: #58a6ff;
  border-bottom: 1px solid #30363d;
}

.cert-item {
  background-color: #161b22;
  border: 1px solid #30363d;
  border-radius: 6px;
}

.cert-item:hover {
  border-color: #58a6ff;
}

.cert-number {
  color: #7ee787;
}

.cert-date {
  color: #8b949e;
}

.cert-verify {
  background-color: #238636;
  color: #fff;
  border: none;
}

.cert-verify:hover {
  background-color: #2ea043;
}

footer {
  color: #8b949e;
  border-top: 1px solid #30363d;
}

footer a {
  color: #58a6ff;
  text-decoration: none;
}

footer a:hover {
  text-decoration: underline;
}

@media (max-width: 768px) {
  .cert-item {
    background-color: #161b22;
    border-radius: 8px;
  }

  .cert-verify {
    width: 100%;
    text-align: center;
    padding: 0.6rem 1rem;
    border-radius: 6px;
  }
}

/* Light mode */
body.light {
  background-color: #fff;
  color: #1a1a1a;
}

body.light header h1 {
  color: #000;
}

body.light header p {
  color: #666;
}

body.light header p a {
  color: #0066cc;
}

body.light header p a:hover {
  text-decoration: underline;
}

body.light .provider-heading {
  color: #0066cc;
  border-bottom-color: #e5e5e5;
}

body.light .cert-item {
  background-color: #f8f9fa;
  border-color: #e5e5e5;
}

body.light .cert-item:hover {
  border-color: #0066cc;
}

body.light .cert-number {
  color: #28a745;
}

body.light .cert-date {
  color: #666;
}

body.light .cert-verify {
  background-color: #0066cc;
}

body.light .cert-verify:hover {
  background-color: #0052a3;
}