:root{
  /* VexoNow palette (new vs previous site): ink + indigo + sakura + jade + sand */
  --vn-ink: #0E1220;
  --vn-ink-2: #151B2F;
  --vn-paper: #FBFAF6;
  --vn-sand: #F2EBDD;

  --vn-indigo: #2F3CFF;
  --vn-sakura: #FF6FAE;
  --vn-jade: #18BFA7;
  --vn-amber: #F2B14B;

  --vn-muted: rgba(14,18,32,.72);
  --vn-border: rgba(14,18,32,.12);

  --vn-shadow: 0 18px 50px rgba(14,18,32,.10);
  --vn-shadow-soft: 0 10px 28px rgba(14,18,32,.10);

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

  --vn-grad: radial-gradient(900px 540px at 8% 12%, rgba(47,60,255,.22) 0%, rgba(47,60,255,0) 55%),
             radial-gradient(780px 520px at 80% 14%, rgba(255,111,174,.18) 0%, rgba(255,111,174,0) 58%),
             radial-gradient(720px 520px at 62% 72%, rgba(24,191,167,.16) 0%, rgba(24,191,167,0) 60%);

  --vn-focus: 0 0 0 .2rem rgba(47,60,255,.20);
}

.bg-white{ background: #fff; }