:root{
  --bg:#F7F7FC;
  --card:rgba(255,255,255,.95);
  --white:#fff;
  --text:#1E2438;
  --muted:#667085;
  --line:rgba(67,56,202,.10);
  --purple:#4338CA;
  --purple2:#7C5CFC;
  --indigo-soft:#EEF1FF;
  --blue:#3c8bf2;
  --blue2:#67a9ff;
  --mint:#5cc9c0;
  --pink:#f27d9c;
  --peach:#f6b96f;
  --soft-purple:#EEF1FF;
  --soft-blue:#edf5ff;
  --soft-mint:#eafaf8;
  --shadow:0 18px 50px rgba(67,56,202,.08);
  --shadow-sm:0 7px 22px rgba(67,56,202,.06);

  /* Button Shadows */
  --shadow-btn-primary:0 8px 24px rgba(67,56,202,.22);
  --shadow-btn-secondary:0 6px 20px rgba(60,139,242,.10);
  --shadow-btn-mint:0 8px 24px rgba(92,201,192,.22);
  --shadow-btn-hover:0 12px 32px rgba(67,56,202,.30);

  /* Transitions */
  --ease-btn:cubic-bezier(.4,0,.2,1);
}