:root{
  --bg:#fafafe;
  --surface:#ffffff;
  --ink:#17152f;
  --text:#342f48;
  --muted:#777187;
  --brand:#6f57f4;
  --brand-strong:#5440cf;
  --brand-soft:rgba(111,87,244,.10);
  --brand-hover:#4f3ac7;
  --brand-tint:#f3efff;
  --line:rgba(84,64,145,.13);
  --soft:#f7f5fc;
  --success:#23845a;
  --warning:#b8781f;
  --danger:#b74355;
  --radius-sm:12px;
  --radius-md:16px;
  --radius-lg:22px;
  --radius-xl:30px;
  --shadow-soft:0 12px 38px rgba(48,34,102,.055);
  --shadow-hover:0 24px 70px rgba(48,34,102,.14)
}