/* =========================================================
   blackie.black — theme.css
   Color only. No layout. No JS.
   ========================================================= */

/* Base tokens */
:root {
  --bg: #ffffff;
  --fg: #111111;
  --muted: #555555;
  --link: #333333;
  --border: #dddddd;
  --code-bg: #f4f4f4;
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #0b0b0f;
    --fg: #e6e6e6;
    --muted: #aaaaaa;
    --link: #d0d0d0;
    --border: #2a2a2a;
    --code-bg: #141418;
  }
}

/* Application */
body {
  background: var(--bg);
  color: var(--fg);
}

.site-nav a {
  color: var(--link);
}

.site-nav a:hover {
  color: var(--fg);
}

.listed-fragment hr {
  border-color: var(--border);
}

pre,
code {
  background: var(--code-bg);
}

/* Muted text helpers */
.small,
.muted {
  color: var(--muted);
}

/* ---------------------------------------
   Content links (case studies, articles)
---------------------------------------- */

main a,
.content a,
.article a {
  color: var(--link-color);
  text-decoration: none;
  border-bottom: 1px solid color-mix(in srgb, var(--link-color), transparent 65%);
}

main a:hover,
.content a:hover,
.article a:hover {
  text-decoration: none;
  border-bottom-color: var(--link-color);
}

@media (prefers-color-scheme: light) {
  :root {
    --link-color: #2f4a63; /* muted ink blue */
  }
}
@media (prefers-color-scheme: dark) {
  :root {
    --link-color: #9fb7cc; /* soft steel blue */
  }
}

/* ---------------------------------------
   Case studies + content link override
---------------------------------------- */

.wrap ul li a,
.wrap p a {
  color: var(--link-color);
  text-decoration: none;
  border-bottom: 1px solid color-mix(in srgb, var(--link-color), transparent 65%);
}

.wrap ul li a:hover,
.wrap p a:hover {
  border-bottom-color: var(--link-color);
}