:root{
  --font-heading:"Manrope",sans-serif;
  --font-body:"Inter",sans-serif;
  --container:1240px;
  --header-height:82px;

  --bg:#f7f8fc;
  --surface:#ffffff;
  --surface-soft:#f0f1f8;
  --surface-glass:rgba(255,255,255,.72);
  --text:#151527;
  --muted:#67677b;
  --line:rgba(24,24,44,.10);

  --primary:#7c3aed;
  --primary-2:#9f67ff;
  --primary-dark:#5b21b6;
  --accent:#4f46e5;
  --success:#10b981;

  --shadow-sm:0 12px 30px rgba(40,31,78,.08);
  --shadow-md:0 26px 70px rgba(38,24,82,.14);
  --shadow-lg:0 46px 120px rgba(31,19,69,.22);
  --radius-sm:14px;
  --radius-md:22px;
  --radius-lg:32px;
}

html[data-theme="dark"]{
  --bg:#080a12;
  --surface:#11141e;
  --surface-soft:#171b28;
  --surface-glass:rgba(16,19,29,.74);
  --text:#f8f7ff;
  --muted:#aaa9bb;
  --line:rgba(255,255,255,.10);
  --shadow-sm:0 12px 30px rgba(0,0,0,.22);
  --shadow-md:0 26px 70px rgba(0,0,0,.32);
  --shadow-lg:0 46px 120px rgba(0,0,0,.46);
}