/* Flat terminal palette. Blue is the accent (nix blue, it's in the name);
   gold is used sparingly for headers and the prompt sigil. No glow anywhere. */
:root {
  --bg: #0f1113;
  --bg-raise: #171b1d;      /* tmux bar, cards */
  --fg: #c4cbc7;
  --muted: #737e7a;
  --faint: #24292b;         /* borders */
  --blue: #7fb1d8;
  --gold: #c9995c;
  --white: #e9ecea;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

html, body { height: 100%; }

body {
  background: var(--bg);
  color: var(--fg);
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 15px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
/* Only the full-screen terminal locks the page; the page itself scrolls. */
body.dock-full { overflow: hidden; }

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

/* color utilities, shared by both views */
.muted { color: var(--muted); }
.gold { color: var(--gold); }
.blue { color: var(--blue); }
.white { color: var(--white); }
.dim { opacity: 0.55; }

a { color: var(--blue); text-decoration: none; border-bottom: 1px dotted var(--blue); }
a:hover { background: var(--blue); color: var(--bg); }

.logo {
  color: var(--blue);
  line-height: 1.05;
  font-size: clamp(9px, 2.1vw, 15px);
  white-space: pre;
  margin: 4px 0 2px;
}

kbd {
  border: 1px solid var(--faint);
  border-radius: 3px;
  padding: 0 5px;
  color: var(--fg);
  font-size: 11px;
}

.chip {
  display: inline-block;
  border: 1px solid var(--faint);
  border-radius: 2px;
  padding: 1px 7px;
  margin: 2px 4px 2px 0;
  color: var(--muted);
  font-size: 12.5px;
}

/* The page is always in the DOM and always rendered; the terminal docks over
   it. When the dock is collapsed or open, leave room at the bottom so the
   page's own footer isn't hidden behind the strip. dock-full hides the page. */
.site { display: block; padding-bottom: 96px; }
body.dock-full .site { visibility: hidden; }

@media (max-width: 560px) {
  body { font-size: 13.5px; }
}