:root{
  /* VexoOne palette (new): midnight + sky + tangerine + mint + sand + cloud */
  --vo-midnight:#101623;
  --vo-sky:#4C7DFF;
  --vo-tangerine:#FF7A3D;
  --vo-mint:#3BC9A3;
  --vo-sand:#E8D6B6;
  --vo-cloud:#F6F7FB;
  --vo-paper:#FFFFFF;

  --vo-muted: rgba(16,22,35,.72);
  --vo-border: rgba(16,22,35,.12);

  --vo-radius: 22px;
  --vo-radius-lg: 28px;

  --vo-shadow: 0 18px 52px rgba(16,22,35,.14);
  --vo-shadow-soft: 0 10px 28px rgba(16,22,35,.10);

  --vo-focus: 0 0 0 .2rem rgba(76,125,255,.22);

  --vo-grad:
    radial-gradient(980px 620px at 14% 18%, rgba(76,125,255,.18) 0%, rgba(76,125,255,0) 62%),
    radial-gradient(880px 560px at 78% 12%, rgba(59,201,163,.14) 0%, rgba(59,201,163,0) 60%),
    radial-gradient(760px 520px at 64% 84%, rgba(255,122,61,.12) 0%, rgba(255,122,61,0) 62%),
    radial-gradient(760px 520px at 20% 84%, rgba(232,214,182,.14) 0%, rgba(232,214,182,0) 62%);
}