:root {
  --bg: #0b0b12;
  --card: #141422;
  --card-2: #1a1a2c;
  --text: #f2f6ff;
  --muted: #9aa3c7;
  --accent: #00f5ff;
  --border: rgba(0,245,255,0.35);
  --shadow: 0 10px 30px rgba(0,245,255,0.18);
  --radius: 12px;
  --font: "Space Grotesk", "Segoe UI", system-ui, sans-serif;
  --color-bg: #0b0b12;
  --color-surface: #141422;
  --color-surface-2: #1a1a2c;
  --color-border: rgba(0,245,255,0.35);
  --color-text: #f2f6ff;
  --color-muted: #9aa3c7;
  --color-gold: #00f5ff;
  --color-gold-hover: #b347ff;
  --color-accent: #00f5ff;
  --color-primary: #00f5ff;
  --shadow-sm: 0 10px 30px rgba(0,245,255,0.18);
  --shadow-md: 0 18px 40px rgba(179,71,255,0.22);
}

.theme-profile .hero .overlay {
  background: linear-gradient(120deg, rgba(8,8,20,0.85), rgba(14,10,30,0.2));
}

.theme-profile .btn.primary {
  background: linear-gradient(90deg, #00f5ff, #b347ff);
  color: #0a0a12;
  box-shadow: 0 0 24px rgba(0,245,255,0.5);
}