:root {
  --color-bg: #0b0d11;
  --color-panel: #12161d;
  --color-text: #f7f8fa;
  --color-text-muted: #aab2c0;
  --color-border: rgba(255, 255, 255, 0.12);
  --color-accent: #6848e8;
  --color-accent-strong: #5f41de;
  --color-accent-soft: #c9bdff;
  --color-accent-deep: #24183f;
  --color-accent-rgb: 104, 72, 232;
  --shadow-shell: 0 24px 80px rgba(0, 0, 0, 0.28);
  --font-sans: "Binance Plex", "Segoe UI", sans-serif;
  --radius-pill: 999px;
  --radius-card: 24px;
  --container-max: 1200px;
}