:root {
  --bg-deep: #0a1210;
  --bg-main: #0e1621;
  --bg-card: rgba(16, 28, 24, 0.65);
  --bg-card-hover: rgba(20, 36, 30, 0.75);
  --green: #4ade80;
  --green-soft: #3ecf8e;
  --green-muted: #2d8f5f;
  --green-glow: rgba(62, 207, 142, 0.18);
  --green-border: rgba(62, 207, 142, 0.22);
  --green-border-strong: rgba(74, 222, 128, 0.35);
  --text: #e8f0ec;
  --text-muted: #8fa89a;
  --text-dim: #6b8578;
  --divider: rgba(62, 207, 142, 0.12);
  --radius: 18px;
  --radius-sm: 12px;
  --font: 'Inter', system-ui, -apple-system, sans-serif;
  --header-height: 56px;
  --page-max: 480px;
  --page-wide: 720px;
}