:root {
  --bg: #050505;
  --panel: #0e0e0e;
  --ink: #f5f5f5;
  --muted: #9a9a9a;
  --line: rgba(245, 245, 245, 0.12);
  --accent: #c4c4c4;
  --accent-hover: #ffffff;
  --accent-ink: #0a0a0a;
  --hero-image:
    repeating-linear-gradient(
      -12deg,
      rgba(255, 255, 255, 0.03) 0 2px,
      transparent 2px 14px
    ),
    radial-gradient(ellipse at 50% 0%, rgba(180, 180, 180, 0.18), transparent 50%),
    linear-gradient(180deg, #1a1a1a 0%, #050505 55%, #000 100%);
}

.btn--solid {
  background: #f0f0f0;
  color: #0a0a0a;
}

.btn--solid:hover {
  background: #ffffff;
}

.hero__title {
  letter-spacing: 0.08em;
}