:root{
  --primary:#0d6efd;
  --primary-light:#6610f2;
  --secondary:#6610f2;
  --on-primary:#ffffff;
  --on-secondary:#ffffff;
  --primary-rgb:13,110,253;
  --secondary-rgb:102,16,242;
  --dark:#333;
  --bg:#F9F9F9;

  --radius-sm:8px;
  --radius-md:14px;
  --radius-lg:22px;

  --shadow-sm:0 2px 6px rgba(0,0,0,.08);
  --shadow-md:0 8px 20px rgba(var(--primary-rgb),.25);
}