/* v01d-c0r3 — theme overrides layered on top of hello-friend-ng */

:root {
  --mono: ui-monospace, "JetBrains Mono", "Fira Code", "SFMono-Regular",
    Consolas, "Liberation Mono", Menlo, monospace;
}

/* Headings and the logo lean monospace — ties the terminal-prompt logo
   ("$ cd /home/") into the rest of the type system instead of leaving it
   as an isolated flourish. Body copy stays on Inter for readability. */
h1, h2, h3, h4, h5, h6,
.logo, .menu__inner a {
  font-family: var(--mono);
  letter-spacing: 0.02em;
}

.post-title a {
  font-family: var(--mono);
}

/* Links: a single accent used consistently, not scattered */
a {
  color: var(--accent-dim);
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
  transition: color 0.15s ease;
}
a:hover,
a:focus-visible {
  color: var(--accent);
}

@media (prefers-color-scheme: dark) {
  a {
    color: var(--accent);
  }
  a:hover,
  a:focus-visible {
    color: #b8a4ff;
  }
}
[data-theme="dark"] a {
  color: var(--accent);
}
[data-theme="dark"] a:hover,
[data-theme="dark"] a:focus-visible {
  color: #b8a4ff;
}

/* Visible keyboard focus everywhere, not just links */
a:focus-visible,
button:focus-visible,
.menu-trigger:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}

/* Post titles pick up the accent on hover instead of the default color */
.post-title a:hover {
  color: var(--accent);
}

/* Tags read like CLI flags (--tag) instead of hashtags, reinforcing the
   terminal framing the theme's logo already sets up */
.tag::before {
  content: "--" !important;
}

/* Thin accent rule under the site header instead of a flat border —
   the one deliberate signature touch, used exactly once */
.header {
  box-shadow: inset 0 -1px 0 0 var(--accent-dim);
}
@media (prefers-color-scheme: dark) {
  .header {
    box-shadow: inset 0 -1px 0 0 rgba(154, 125, 255, 0.35);
  }
}
[data-theme="dark"] .header {
  box-shadow: inset 0 -1px 0 0 rgba(154, 125, 255, 0.35);
}

/* Respect reduced-motion preferences */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.001ms !important;
    transition-duration: 0.001ms !important;
  }
}