/* terminal.css — palette + layout only.
   Font styling intentionally removed:
   the Tufte theme's own typography is used as the baseline. */

:root {
  --bg-card: #161b22;
  --text-secondary: #8b949e;
  --primary: #58a6ff;
  --accent: #3fb950;

  --section-width: 100%;
}

html[data-theme="dark"] {
  --bg-color: #0d1117;
  --text-color: #e6edf3;
  --hr-color: #30363d;
  --header-border-color: #30363d;
  --details-border-color: #30363d;
  --bloglist-border-color: #30363d;
}

html[data-theme="light"] {
  --bg-color: #ffffff;
  --text-color: #1f2328;
  --hr-color: #d0d7de;
  --header-border-color: #d0d7de;
  --details-border-color: #d0d7de;
  --bloglist-border-color: #d0d7de;
}

body {
  width: 100%;
  max-width: 60rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
}

::selection {
  background: var(--primary);
  color: var(--bg-color);
}

a {
  color: var(--primary);
}

a:hover {
  color: #79b8ff;
}

/* Metadata micro-labels: theme color only */
p.subtitle,
.single-desc,
ul.blog-list li a .desc {
  color: var(--text-secondary);
}

/* Sidenotes & subtitles follow body copy color */
.sidenote,
.marginnote,
.subtitle {
  color: var(--text-secondary);
}

/* Inline code chips */
p > code,
p > a > code,
li > code,
li > a > code {
  background: rgba(88, 166, 255, 0.1);
  color: var(--primary);
  border: 1px solid rgba(88, 166, 255, 0.2);
  padding: 0.15em 0.4em;
  border-radius: 0.375rem;
}

pre {
  background-color: var(--bg-card);
  border: 1px solid var(--hr-color);
  border-radius: 0.75rem;
  padding: 1.25rem;
}

blockquote {
  border-left: 3px solid var(--accent);
  padding-left: 1.25em;
  color: var(--text-secondary);
}

/* Header: palette only */
header nav a {
  color: var(--text-secondary);
}

header nav a:hover,
header nav a.active {
  color: var(--primary);
}

/* Right-rail TOC (overrides toc.css) */
.table-of-contents {
  border-left-color: var(--accent);
}

.table-of-contents a {
  color: var(--text-secondary);
}

.table-of-contents a:hover {
  color: var(--primary);
}

@media (max-width: 48em) {
  body {
    width: 94%;
    padding-inline: 3%;
  }
}