/* Light mode defaults */
:root {
  --body-background: #ffffff;
  --body-color: #000000;
  --link-color: #0077cc;
  --link-hover-color: #005fa3;
  --nav-link-color: #0077cc;
  --nav-link-hover-color: #005fa3;
  --avatar-border-color: white;
  --avatar-bg-color: white;
  --header-background: #ffffff;
  --border-color: #ccc;
}

/* Dark mode overrides */
@media (prefers-color-scheme: dark) {
  :root {
    --body-background: #121212;
    --body-color: #e0e0e0;
    --link-color: #ffaa33;
    --link-hover-color: #ffcc66;
    --nav-link-color: #ffaa33;
    --nav-link-hover-color: #ffcc66;
    --avatar-border-color: #444;
    --avatar-bg-color: #1e1e1e;
    --header-background: #1e1e1e;
    --border-color: #333;
  }

  body {
    background: var(--body-background);
    color: var(--body-color);
  }

  header, footer {
    background-color: var(--header-background);
  }

  hr {
    border-color: var(--border-color);
  }
}

/* Global font override */
html, body, * {
  font-family: 'Roboto', sans-serif !important;
}

/* Hide "James True" on small screens */
@media (max-width: 600px) {
  .hide-on-small {
    display: none !important;
  }
}

/* Navigation link styling */
.nav-link {
  margin-left: 2rem;
  font-weight: 500;
  text-decoration: none;
  color: var(--nav-link-color) !important;
  transition: color 0.2s ease;
    line-height: 1.6;
}

.nav-link:hover {
  color: var(--nav-link-hover-color) !important;
}

/* Body content link styling */
main a,
.content a,
.prose a {
  color: var(--link-color) !important;
  text-decoration: none;
  transition: color 0.2s ease;
}

main a:hover,
.content a:hover,
.prose a:hover {
  color: var(--link-hover-color) !important;
}