:root {
  --color-highlight: #5ED12A;
  --color-secondary: #6BD4F5;
  --color-primary: #0A4E8A;
  --color-ink: #0A0A0A;
  --color-paper: #FFFFFF;
  --neutral-bg: #F2F6F8;
  --neutral-card: #FFFFFF;
  --neutral-text: #0A0A0A;
  --neutral-muted: #5C6B73;
  --neutral-border: #D8E4EA;
}

.reveal {
  opacity: 0;
  transform: translateY(14px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.track-lines {
  background-image:
    linear-gradient(transparent 22px, rgba(0, 0, 0, 0.08) 22px, rgba(0, 0, 0, 0.08) 24px, transparent 24px),
    repeating-linear-gradient(90deg, rgba(0, 0, 0, 0.04) 0, rgba(0, 0, 0, 0.04) 1px, transparent 1px, transparent 24px);
  background-size: 100% 24px, 24px 100%;
}

.glow-lime {
  box-shadow: 0 0 20px rgba(200, 255, 0, 0.3);
}

.text-outline {
  text-shadow: 1px 1px 0 rgba(0,0,0,0.2), -1px -1px 0 rgba(0,0,0,0.2);
}