body {
  font-family: var(--font-sans);
  font-size: 18px;
  line-height: 1.6;
  background: var(--color-bg);
  color: var(--color-text);
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 800;
  line-height: 1.1;
  color: var(--color-text);
  letter-spacing: -0.03em;
}

h1 {
  text-transform: uppercase;
}

.hero-title {
  font-size: clamp(2.75rem, 5vw, 4rem);
}

.section-title {
  font-size: clamp(2rem, 3.5vw, 3rem);
}

.section-subtitle {
  font-size: 1.125rem;
  color: var(--color-text-secondary);
  max-width: 600px;
  margin: 0 auto;
}

p {
  margin-bottom: var(--space-2);
}

/* Eyebrow - punk label */
.eyebrow {
  display: inline-block;
  padding: 6px 12px;
  background: var(--color-text);
  color: var(--color-bg);
  font-size: 0.7rem;
  font-weight: 700;
  font-family: var(--font-mono);
  text-transform: uppercase;
  letter-spacing: 0.15em;
}

/* Highlight text with marker effect */
.highlight {
  background: linear-gradient(180deg, transparent 50%, var(--color-warning) 50%);
  padding: 0 4px;
}

/* Strikethrough accent */
.strike {
  text-decoration: line-through;
  text-decoration-color: var(--color-accent);
  text-decoration-thickness: 3px;
}

/* Glitch effect */
.glitch {
  position: relative;
}

.glitch::before,
.glitch::after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.glitch:hover::before {
  animation: glitch-1 0.3s ease;
  color: var(--color-primary);
  opacity: 0.8;
}

.glitch:hover::after {
  animation: glitch-2 0.3s ease;
  color: var(--color-accent);
  opacity: 0.8;
}

@keyframes glitch-1 {
  0%, 100% { transform: translate(0); }
  20% { transform: translate(-2px, 2px); }
  40% { transform: translate(2px, -2px); }
  60% { transform: translate(-2px, -2px); }
  80% { transform: translate(2px, 2px); }
}

@keyframes glitch-2 {
  0%, 100% { transform: translate(0); }
  20% { transform: translate(2px, -2px); }
  40% { transform: translate(-2px, 2px); }
  60% { transform: translate(2px, 2px); }
  80% { transform: translate(-2px, -2px); }
}

code, pre {
  font-family: var(--font-mono);
}