:root {
  --vm-sun: #FFFC61;
  --vm-ocean: #0041F5;
  --vm-sky: #D7ECFE;
  --vm-paper: #F7F6F2;
  --vm-red: #FF3734;
  --vm-camellia: #FF7ADA;
  --vm-black: #000000;
  --vm-white: #FFFFFF;

  --vm-font-display: "VM Booster", "Booster Polygonal Bold", "Host Grotesk", Arial, sans-serif;
  --vm-font-ui: "VM Host", "Host Grotesk", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --vm-font-text: "Joly Text", Georgia, "Times New Roman", serif;

  --vm-radius-xs: 6px;
  --vm-radius-sm: 8px;
  --vm-radius: 10px;
  --vm-radius-lg: 14px;

  --vm-space-1: 4px;
  --vm-space-2: 8px;
  --vm-space-3: 12px;
  --vm-space-4: 16px;
  --vm-space-5: 24px;
  --vm-space-6: 32px;

  --vm-border-soft: rgba(0,0,0,.14);
  --vm-border-strong: rgba(0,0,0,.28);
  --vm-muted: rgba(0,0,0,.58);
  --vm-shadow: 0 7px 26px rgba(0,0,0,.055);

  /* Compatibility aliases used by the current Home. */
  --border: var(--vm-border-soft);
  --muted: var(--vm-muted);
  --shadow: var(--vm-shadow);
  --radius: var(--vm-radius);
  --sidebar-width: 220px;
}

/* Login composition polish. These selectors are login-only. */
.login-visual::after {
  display: none !important;
}

@media (min-width: 901px) {
  .login-card {
    transform: translateY(-3vh) !important;
  }
}

@media (max-width: 767px) {
  .login-art {
    left: 55% !important;
  }
}