:root {
  --bg-page: #0b0b0b;
  --bg-shell: #101010;
  --bg-panel: #151515;
  --bg-card: #171717;
  --bg-card-2: #1d1d1d;
  --bg-elevated: #202426;

  --text-strong: #f7f8f9;
  --text-main: #d5dadf;
  --text-muted: #8f9aa3;
  --text-faint: #667079;

  --line-soft: rgba(124, 255, 58, 0.08);
  --line-mid: rgba(124, 255, 58, 0.18);
  --line-strong: rgba(124, 255, 58, 0.28);

  --accent: #7cff3a;
  --accent-2: #37ff65;
  --accent-3: #1fa849;
  --danger: #ff6a73;
  --warning: #ffbe4a;
  --success: #9fff4d;

  --radius-shell: 24px;
  --radius-xl: 20px;
  --radius-lg: 16px;
  --radius-md: 12px;
  --radius-sm: 10px;
  --radius-pill: 999px;

  --shadow-soft: 0 10px 24px rgba(0, 0, 0, 0.22);
  --shadow-md: 0 16px 36px rgba(0, 0, 0, 0.34);
  --shadow-accent: 0 0 32px rgba(124, 255, 58, 0.08);

  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;
}