:root {
  --hg-bg: #07070c;
  --hg-bg-soft: #0c0b13;
  --hg-surface: #111019;
  --hg-surface-raised: #181622;
  --hg-border: rgba(255, 255, 255, 0.1);
  --hg-border-strong: rgba(255, 255, 255, 0.18);
  --hg-text: #f8f7fb;
  --hg-muted: #aaa6b6;
  --hg-accent: #ff3d92;
  --hg-accent-bright: #ff78b2;
  --hg-violet: #9b64ff;
  --hg-cyan: #6ce6ff;
  --hg-content: 1240px;
  --hg-reading: 820px;
  --hg-radius-sm: 12px;
  --hg-radius: 20px;
  --hg-radius-lg: 30px;
  --hg-shadow: 0 28px 80px rgba(0, 0, 0, 0.42);
  --hg-ease: cubic-bezier(0.22, 1, 0.36, 1);
}