:root{
  --mjv2-primary:#2aabee;
  --mjv2-primary-2:#6fd3ff;

  --mjv2-bg:#0b1220;
  --mjv2-surface:#101827;
  --mjv2-card:#0f1728;
  --mjv2-card-2:#111c30;

  --mjv2-text:#f3f7ff;
  --mjv2-muted:#a4b0c3;
  --mjv2-text-soft:#ced8e8;

  --mjv2-border:rgba(255,255,255,.10);
  --mjv2-border-strong:rgba(255,255,255,.16);

  --mjv2-success:#46c878;
  --mjv2-warning:#ffbe46;
  --mjv2-danger:#ff6b6b;

  --mjv2-shadow:0 10px 28px rgba(0,0,0,.22);
  --mjv2-shadow-lg:0 16px 38px rgba(0,0,0,.28);
  --mjv2-shadow-soft:0 8px 18px rgba(0,0,0,.18);

  --mjv2-radius-sm:12px;
  --mjv2-radius-md:16px;
  --mjv2-radius-lg:20px;
  --mjv2-radius-pill:999px;

  --mjv2-gap-xs:8px;
  --mjv2-gap-sm:12px;
  --mjv2-gap-md:16px;
  --mjv2-gap-lg:24px;
  --mjv2-gap-xl:32px;

  --mjv2-image-bg:#0b0f16;
  --mjv2-focus:0 0 0 3px rgba(42,171,238,.16);
}