/* wtf.css — chaotic, irreverent, maximalist */
:root {
  --color-bg: #1a0030;
  --color-surface: #2d0050;
  --color-text: #e0d0ff;
  --color-text-muted: #a080d0;
  --color-accent: #ff00cc;
  --color-accent-hover: #ff66ee;
  --color-border: #5500aa;
  --font-heading: Impact, "Arial Narrow", Arial, sans-serif;
  --font-body: "Courier New", Courier, monospace;
}

.section-wtf .section-index__title {
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: var(--color-accent);
  text-shadow: 2px 2px 0 var(--color-border);
}

.section-wtf .site-nav__home {
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.section-wtf .post__title {
  font-size: 2.5rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--color-accent);
}

.section-wtf .post__body a {
  color: var(--color-accent);
}

.section-wtf .post-card__title a {
  color: var(--color-text);
}

.section-wtf .post-card__title a:hover {
  color: var(--color-accent);
}