:root{
  /* VexoLab palette (new): ink + violet + cyan + lime + coral + sand */
  --vl-ink: #07111B;
  --vl-ink-2: #0B1B2B;
  --vl-mist: #F6F8FB;
  --vl-sand: #F1E9DB;

  --vl-violet: #6D5BFF;
  --vl-cyan: #1AD6C7;
  --vl-lime: #A7FF4A;
  --vl-coral: #FF6B5A;

  --vl-muted: rgba(7,17,27,.72);
  --vl-border: rgba(7,17,27,.12);

  --vl-shadow: 0 18px 52px rgba(7,17,27,.12);
  --vl-shadow-soft: 0 10px 28px rgba(7,17,27,.10);

  --vl-radius: 20px;
  --vl-radius-lg: 26px;

  --vl-grad: radial-gradient(900px 540px at 10% 12%, rgba(109,91,255,.22) 0%, rgba(109,91,255,0) 58%),
             radial-gradient(820px 520px at 78% 14%, rgba(26,214,199,.18) 0%, rgba(26,214,199,0) 60%),
             radial-gradient(720px 520px at 64% 78%, rgba(255,107,90,.14) 0%, rgba(255,107,90,0) 60%);

  --vl-focus: 0 0 0 .2rem rgba(109,91,255,.22);
}

.bg-white{ background: #fff; }