:root {
  --bg: #050807;
  --panel: rgba(0, 0, 0, 0.76);
  --panel-strong: rgba(0, 0, 0, 0.86);
  --panel-soft: rgba(0, 0, 0, 0.64);
  --border: rgba(42, 255, 138, 0.24);
  --border-strong: rgba(42, 255, 138, 0.46);
  --text: #2aff8a;
  --text-soft: rgba(42, 255, 138, 0.88);
  --text-muted: rgba(42, 255, 138, 0.68);
  --accent: #2aff8a;
  --accent-soft: rgba(42, 255, 138, 0.1);
  --accent-strong: rgba(42, 255, 138, 0.72);
  --accent-glow: rgba(42, 255, 138, 0.24);
  --relief: #d96aff;
  --green-1: rgba(42, 255, 138, 0.22);
  --green-2: rgba(42, 255, 138, 0.12);
  --green-3: rgba(42, 255, 138, 0.06);
  --green-hot-1: rgba(42, 255, 138, 0.75);
  --green-hot-2: rgba(42, 255, 138, 0.55);
  --green-hot-3: rgba(42, 255, 138, 0.38);
  --shadow: 0 0 18px rgba(0, 0, 0, 0.9), 0 0 26px var(--green-3);
  --shadow-soft: 0 0 12px rgba(0, 0, 0, 0.9), 0 0 18px var(--green-3);
  --radius-xl: 28px;
  --radius-lg: 20px;
  --radius-md: 14px;
  --radius-pill: 999px;
  --font-display: "Cinzel", serif;
  --font-body: "Cormorant Garamond", serif;
  --page-width: 1120px;
  --reading-width: 760px;
  --gutter: clamp(1rem, 3vw, 2rem);
  --hero-bar-height: 58px;
}