:root {
  --bg-start: #010b06;
  --bg-end: #042a1a;
  --panel-a: rgba(4, 33, 22, 0.92);
  --panel-b: rgba(2, 18, 12, 0.92);
  --text: #e7f3ee;
  --muted: #b8d2c7;
  --accent: #10b981;
  --accent-soft: #34d399;
  --border: rgba(16, 185, 129, 0.20);
  --dd-glow: 0 0 18px rgba(52, 211, 153, 0.22), 0 0 36px rgba(16, 185, 129, 0.18);
  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --shadow-soft: 0 12px 30px rgba(1, 10, 6, 0.35);
  --shadow-hard: 0 18px 40px rgba(1, 10, 6, 0.55);
  --max-width: 1100px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 20px;
  --space-lg: 32px;
  --space-xl: 48px;
  --space-2xl: 64px;
}