/*
 * Quark 2 — user customizations
 *
 * This file is safe to edit. It is loaded last so anything here overrides
 * theme.css without having to mark rules !important.
 */

/* Site canvas — pinned to the #1a1a1a from the links mockup so the header,
 * footer, and the card list all sit on one ground. Quark 2's own dark bg is
 * #08090b, which reads noticeably blacker than the design. */
:root[data-theme="dark"] {
  --q2-bg: #1a1a1a;
  --q2-nav-bg: rgba(26, 26, 26, 0.78);
}

/* Site width — Blades' .container tops out at 950px on a 1136px viewport while
 * the links list runs to 1136px, so the header and footer sat on a narrower,
 * differently-guttered band than the cards and the whole layout looked nudged
 * sideways. One width, one gutter, everything lines up. */
.container {
  max-width: 71rem; /* 1136px, matching .lk-list */
  padding-inline: clamp(1rem, 3.5vw, 1.5rem);
}

/* Wordmark. All-caps needs tracking to breathe — Quark sets .navbar-brand to
 * letter-spacing: 0, which is right for mixed case and too tight for caps. */
.navbar-brand {
  letter-spacing: 0.12em;
}

/* Logo mark. Quark ships 28px, which reads small next to the wordmark. */
.navbar-brand img,
.navbar-brand svg {
  height: 36px;
}