:root {
  --bg: #0b0f14;
  --text: #f4f6fb;
  --muted: #9aa3b2;
  --panel: rgba(16, 20, 30, 0.92);
  --panel-soft: rgba(16, 20, 30, 0.7);
  --accent: #5fe3da;
  --accent-2: #f7b267;
  --success: #4ade80;
  --danger: #f87171;
  --nav-bg: rgba(10, 14, 20, 0.86);
  --card-banner: linear-gradient(135deg, rgba(95, 227, 218, 0.28), rgba(247, 178, 103, 0.25));
  --bg-glow: radial-gradient(circle at 15% 0%, rgba(95, 227, 218, 0.26), transparent 55%),
    radial-gradient(circle at 75% 18%, rgba(247, 178, 103, 0.22), transparent 60%);
  --hero-glow: radial-gradient(circle, rgba(95, 227, 218, 0.45), transparent 70%);
  --bg-pattern: radial-gradient(circle at 10% 10%, rgba(95, 227, 218, 0.08), transparent 45%),
    radial-gradient(circle at 80% 0%, rgba(247, 178, 103, 0.08), transparent 45%),
    linear-gradient(180deg, rgba(11, 15, 20, 0.98), rgba(11, 15, 20, 1));
}