/* ==========================================================================
   Graphite — modern-dark override layer. Committed to its dark identity, so
   the palette is set on :root and wins in both colour schemes.
   ========================================================================== */

:root {
  color-scheme: dark;
  --font-body: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-display: var(--font-body);
  --accent: #c6f24a;
  --bg: #141518; --bg-soft: #1b1d21; --surface: #1f2226;
  --line: #2c2f35; --text: #e9e9ec; --muted: #9799a0;
  --radius: 0; --measure: 36rem;
}

h1, h2, h3, h4 { letter-spacing: -0.03em; font-weight: 660; }
.eyebrow { color: var(--accent); }

.button { background: var(--accent); color: #141518; font-weight: 640; }
.button--ghost { background: none; color: var(--text); border-color: var(--line); }
.button--ghost:hover { border-color: var(--accent); }

.card, .entry { background: var(--surface); }
.card { border: 1px solid var(--line); }

.nav a[aria-current="page"] { color: var(--accent); background: none; }
.tag:hover { border-color: var(--accent); color: var(--accent); }
::selection { background: var(--accent); color: #141518; }

/* bordered card/entry: inset the text, keep the image full-bleed */
.card { padding-bottom: 1.1rem; }
.card > :not(.card__media) { padding-inline: 1.1rem; }
.entry { padding-inline: clamp(1.1rem, 3vw, 1.4rem); }

/* Graphite is dark by design — there is no light variant, so the
   day / night toggle would do nothing. Hide it. */
[data-theme-toggle] { display: none; }