/* ==========================================================================
   Eyeliner — emo override layer. Committed dark: ink-black, hot magenta,
   italic lowercase serif headings, heavy accent underlines.
   ========================================================================== */

:root {
  color-scheme: dark;
  --font-body: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: ui-serif, Georgia, "Times New Roman", serif;
  --accent: #ff2d76;
  --bg: #0c0c0f; --bg-soft: #141319; --surface: #16151c;
  --line: #272430; --text: #e9e7ee; --muted: #847f92;
  --radius: 0; --measure: 34rem;
}

h1, h2, h3, h4 {
  font-family: var(--font-display);
  text-transform: lowercase; letter-spacing: -0.01em;
  font-weight: 600; font-style: italic;
}
.eyebrow { color: var(--accent); letter-spacing: 0.2em; }
.logo, .nav a { text-transform: lowercase; }

a { text-decoration-color: var(--accent); }
a:hover { text-decoration-color: var(--accent); }

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

.card, .entry { background: var(--surface); }
.card { border: 1px solid var(--line); }
.card__title, .entry__title { font-family: var(--font-display); font-style: italic; }

.tag { border-color: var(--accent); color: var(--accent); text-transform: lowercase; }
::selection { background: var(--accent); color: #0c0c0f; }
hr { background: var(--accent); }

/* 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); }

/* Eyeliner is dark by design — no light variant, so hide the day / night toggle. */
[data-theme-toggle] { display: none; }