:root{
  --bg:#060913;
  --bg-soft:#0a1020;
  --card:#0f1424;
  --card-2:#11192d;
  --line:rgba(189,198,255,.12);
  --text:#ffffff;
  --muted:#b7bed3;
  --primary:#7c4dff;
  --secondary:#4f7bff;
  --glow:#9b6dff;
  --radius-xl:28px;
  --radius-lg:22px;
  --radius-md:16px;
  --shadow:0 30px 70px rgba(0,0,0,.35);
  --shadow-soft:0 18px 45px rgba(0,0,0,.24);
  --container:1180px;
  --font-heading:'Manrope',sans-serif;
  --font-body:'Inter',sans-serif;
}

body{
  font-family:var(--font-body);
  color:var(--text);
  background:
    radial-gradient(circle at top left, rgba(124,77,255,.22), transparent 32%),
    radial-gradient(circle at top right, rgba(79,123,255,.18), transparent 28%),
    linear-gradient(180deg, #050712 0%, #060913 45%, #05070d 100%);
}